Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #10881

    Hello there again,

    I asked you earlier for help changing content width to 600 pxs. Followed your suggestion and everything looks fine except this thing I just noticed.

    On a small browser window, the sidebar will get partially hidden behind the content, as you can see in print-screen #2.

    Any tips on how to solve this? I would really appreciate the help.

    print-screen #1


    print-screen #2





    Hi fteixeira,

    Can you give a link to the site? We’ll need to take a look at the css live to see what has been changed and test it out in browser.




    Hello Devin,

    My wordpress wasn’t live until a few minutes ago — —, and although I can’t seem to replicate this bug now, there’s another weird thing happening.

    As you can see in these printscreens — & — the sidebar doesn’t hide behind the blog content anymore as I had reported earlier, but now there’s no horizontal scrollbar. Confirmed this on several browsers, both Win7 and OS X 10.6.8. I suppose this isn’t meant to happen, or else whoever happens to access my website using a small screen resolution won’t be able to navigate normally.

    The code I added to custom.css was the one Dude pointed me on another topic:

    .content .box {

    width: 600px;


    #top .sidebar2 {

    left: 932px;


    There’s also another bug to report, which I only came across on Chrome+Win7 so far. In this case — — when I scroll down on the blog page, I get random transparencies behind the images and white squares over the images.

    Last request: is there an easy way to code a single background image on all the pages? I now there’s an option to set a default picture but since I won’t be using the background galleries I’d rather avoid having the same background image loading everytime a new page is opened.

    Hope you can help me.

    Thank you in advance,



    I get the same random transparencies on my pages using Chrome+OS X using a black background as stated in Fabio’s comment.

    I am using revision 1.5.2 of Flashlight. They go away and reappear as I scroll the page. It looks as though the background is partially in front of the page.




    The printscreens were giving a 404.

    It’s working again now.


    Still needing your help… as well as JoeLamari.




    On what resolution, this problem occur?

    Try to drop this line on your custom.css

    @media screen and (max-width: 1024px) {

    #top .sidebar2 {

    left: 1200px;



    This will affect users using 1024px width resolutions. Try to change max-width value according to the resolution where the problem occurs. You may want to experiment on #top .sidebar2 because I am not sure if it’s going to work. Hopefully this will move the sidebar 300px more to the left.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Sidebar issue’ is closed to new replies.