• Hi

    My right sidebar is showing on bottom of page on right side when i go in to my site. the weird thing is it shows up right on my laptop where i was working on site, but it shows up wrong on all other computers.
    How do i get it to show up on the right side where it should be.

    site is http://www.macroomwaterpumps.com

Viewing 15 replies - 1 through 15 (of 18 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The website’s appearance will fluctuate; it is dependant on browsers and operating systems.

    This is normal behaviour for a website undeveloped for browser compatibility.

    You will need to specify the operating system, browser and browser version for further help.

    Thread Starter mmeade

    (@mmeade)

    internet explorer different versions. windows vista.

    It is not working on 10 differnet computers apart from mine.

    thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which versions of Internet Explorer?

    Thread Starter mmeade

    (@mmeade)

    internet explorer 8

    Thread Starter mmeade

    (@mmeade)

    i use firefox but it is ok on my computer

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can add certain stylesheets for certain versions of Internet Explorer, in the header.php file. Look at http://www.quirksmode.org/css/condcom.html for guidance.

    Play around with these styles on line 89 of style.css,

    #content {
    margin: 0 34% 0 7.6%;
    width: 58.4%;
    }

    Reduce the numbers to see if the sidebar returns to its correct position.

    After you’ve found the problem, revert back to your original style.css styles, and instead apply what you now know to be correct styles to a child-theme CSS file.
    http://codex.wordpress.org/Child_Themes

    Thread Starter mmeade

    (@mmeade)

    thanks but have never used child themes. am i in danger of messing up my site all together if i dont know what i am doing

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you use child themes, you aren’t in danger of messing up your site. Your child theme CSS file will only use additional styles, which can always be removed.

    If you’re considering using a child theme CSS file, add this code

    #content {
    margin: 0 34% 0 7.6%;
    width: 58.4%;
    }

    Then mess around with the numbers in that child theme CSS file (not the original style.css file).

    Thread Starter mmeade

    (@mmeade)

    the fact that it looks ok on my computer i cant mess about with it as everything in right place on my screen

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can use browser testing websites such as browserstack.com to test your website.

    Thread Starter mmeade

    (@mmeade)

    when i look at site on browserstack.com it opens properly on internet explorer 9 and 10, but on version 6 7 and 8 it puts the right sidebar under the text. what should i do not. i clicked on link that u sent me but i not sure what to do or where i have to change code.

    Is there any point messing with the numbers in line 89 of style sheet

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you mess around with line 89 of style sheet, reducing them, you might be able to see if those versions of Internet Explore require smaller widths to include the sidebar’s correct position.

    Take into considerations I made with child themes and reverting changes to original style.css documents when finished.

    Thread Starter mmeade

    (@mmeade)

    i reduced them it just made the main content very narrow but side bar still did not return to where it should be.

    Thread Starter mmeade

    (@mmeade)

    has anybody got any other ideas on how to solve the problem

    there are several unclosed divs in the site (the front page link):

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.macroomwaterpumps.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://codex.wordpress.org/Validating_a_Website

    (do check the other web pages as well…)

    these might be from the templates or from the content of the page.
    actually, one seems to be in the content of the home page content – use the html setting of the editor to check this –
    and three in the code of the footer.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Twenty eleven theme:right sidebar showing at bottom of page on right side’ is closed to new replies.