Enabling full-width sidebar on mobile screen

  • watermelonboi

    (@aboutaudio)


    7 years, 11 months ago

    Hi,

    I’m trying to enable full-width for the sidebars on mobile screen.

    Everything is fine on PC screen but the sidebars would be shifted to the left (entire sidebar aligned to the left, not the text.) when I view the website on smaller screens like phones or tablet. I can trigger the sidebars to go full-width on mobile if I make the sidebar’s title long enough, but that would obviously make the title look way too long and make the appearance odd on PC.

    It’s the widget with the title [Rating] and [upcoming reviews]. I’m wondering if there’s a way to automatically trigger the sidebars to turn full-width on smaller screens.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • dayley

    (@dayley)

    7 years, 11 months ago

    Try putting this in your CSS

    @media screen and (max-width: 640px) {
.cb-sidebar {
    width: 100%;
}
    • This reply was modified 7 years, 11 months ago by dayley.
Viewing 1 replies (of 1 total)

The topic ‘Enabling full-width sidebar on mobile screen’ is closed to new replies.