Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #574841

    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?

    #574856

    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

    #575039

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

    #575506

    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

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