How to keep sidebar on mobile site

  • Resolved petermantu

    (@petermantu)


    9 years, 7 months ago

    As the title suggests, how can I keep sidebars from moving to the bottom of my site on mobile devices?

    I am not willing to reveal my site for obvious reasons. Please help.

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You should at least link to a Webpage with the issue (doesn’t have to be your site).

    Thread Starter petermantu

    (@petermantu)

    Please see site: zcodebettingsystem

    Thread Starter petermantu

    (@petermantu)

    I fixed it…thanks

    Theme Author TT Themes

    (@tomastoman)

    Hi @petermantu,

    you can use this custom CSS in order to keep the right sidebar from moving under the main content area on mobile devices:

    @media screen and (max-width: 1012px) {
html #wrapper #content {width: 60% !important;}
html #wrapper #sidebar {width: 35% !important; float: right;}
}

    Best regards,
    Tomas Toman

    Thread Starter petermantu

    (@petermantu)

    Thanks Tomas, I have already fixed it…it looks exactly the way I want now…This site was also helpful in testing for different mobile devices: https://mobiletest.me/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to keep sidebar on mobile site’ is closed to new replies.