Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 30, 2016 at 12:36 am #574841
    sundialstudios

    Hi – I noticed today that on my main website all of the sidebars are displaying below the main page content.

    After an epic amount of troubleshooting I realized that a color section, that is only supposed to be visible on mobile, is causing the problem. Even though it is only visible on mobile, it seems to be “there” all the time.

    This section is at the bottom of every page, with an id of mobile-only. My css looks like: #mobile-only {display:none !important;} and @media only screen and (max-width: 767px) {#mobile-only {display:block;}}

    Any suggestions?

    January 30, 2016 at 2:22 am #574856
    Elliott

    Hi sundialstudios!

    A color section is a fullwidth element and any time you use a fullwidth element the sidebar is always going to display beneath it. So with what your doing you would need to set the layout as fullwidth no sidebar. You can use the “Widget Area” element to simulate a sidebar.

    Best regards,
    Elliott

    January 30, 2016 at 6:05 pm #575039
    sundialstudios

    I see – so even hiding it via CSS doesn’t really make it go away?

    February 1, 2016 at 3:59 am #575506
    Elliott

    Hi!

    Yes, when a fullwidth element is used on a page the layout HTML is changed via PHP so it can go fullwidth. CSS would not be able to fix it.

    Regards,
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.