Home › Forums › Graphene WordPress theme › Support

Widgets move above footer on Graphene 1.6.(only with Firefox)

  • Anonymous

    February 6, 2012 at 6:17 pm #3093

    Hi, i have a weird problem with widgets on firefox.They move above the footer, even though i ve placed them on the sidebar.This only happens with firefox.

    my site is androidhellas.com

    Any ideas?

    Admin

    Syahir Hakim

    February 6, 2012 at 9:31 pm #23351

    Looks like one of your widgets have extra closing </div>, which is causing the issue.

    Anonymous

    February 6, 2012 at 10:36 pm #23352

    Well, i have added 2 widgets on sidebar by “drag and drop” and another 3 by adding their code to sidebar.php.

    I did’t find any extra </div> in sidebar.php

    Anonymous

    February 8, 2012 at 2:34 pm #23353

    It still happens even i tried to remove all of my widgets and stayed only with the default ones.

    They moved above the footer.

    Anonymous

    February 8, 2012 at 3:15 pm #23354

    It looks like the width of the content area, combined with the width of the sidebar, is too wide for the page, forcing the sidebar into the bottom of the content area.

    To temporarily fix, add this to your child theme or custom css box:

    #sidebar1, #sidebar2 {
    
width: 283px;
    
}

    @ Syahir,

    His container width = 970px

    His content main width = 646.875px

    His sidebar width = 283.125

    I can’t figure out the exact math… but changing the sidebar to 283 was able to bring the sidebar up to the top again.

    Admin

    Syahir Hakim

    February 8, 2012 at 3:19 pm #23355

    Hurm.. if that’s the case, then the solution will be as easy as setting the column width options to round numbers instead.

    Regarding the maths:

    646.785 + 283.125 + (10 x 4) = 970

    where (10 x 4) = 10px gutter on left and right of the container each, and 20px gutter between the two columns.

    Anonymous

    February 8, 2012 at 3:39 pm #23356

    Yep, that adds up all right 🙂

    So, why does it not “fit”? That’s exactly 970??

    Admin

    Syahir Hakim

    February 8, 2012 at 3:45 pm #23357

    I believe it’s down to browsers not handling decimal places perfectly..

    —

    Sent via Android using Tapatalk. Please excuse my brevity.

    Anonymous

    February 8, 2012 at 3:55 pm #23358

    Ohhh… yes, that makes sense. I’ve noticed the same thing while playing with menus and such.

    Yeah, I didn’t think to check it across multiple browsers to see if it behaves differently.

    Thanks.

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

  • You must be logged in to reply to this topic.