Side Bar Widget + Mobile Friendly

  • Resolved mmk175

    (@mmk175)


    6 months ago

    Hi There,

    I need some help with my website side bar and being mobile friendly.

    On desktop it’s ok. But when I use it on my phone the side bar is now stuck at the bottom in a really obviously awkward way.

    Any solutions for this on how I can remove it for mobile or make it better? Or how can I make it my mobile menu?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Shameem (woo-hc)

    (@shameemreza)

    6 months ago

    Hi @mmk175,

    You can use CSS media queries to hide the sidebar on mobile devices. Please add the following code to your site (Apparnace > Customize > Additional CSS):

    @media only screen and (max-width: 768px) {
.widget-area {
display: none !important;
}
}

    If you’d like to make the widget into your mobile menu, you would need a custom code or a plugin. There are plugins available that can help you convert your widget into a slide-out menu on mobile.

    You can also seek help from the following:

    I wish I could help more, but hopefully, this gets you going in the right direction to get the job done.

    Thread Starter mmk175

    (@mmk175)

    6 months ago

    thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Side Bar Widget + Mobile Friendly’ is closed to new replies.