Support » Theme: Spacious » left sidebar on smartphone

  • Resolved ma06rie

    (@ma06rie)


    Hello everybody,

    I’m building a website with the Spacious free version for an other person.
    He wants a layout with a left sidebar, with the same items as the main menu.

    When I look a page on a smartphone, this sidebar take lot of space… And the rest of the content is not very readable.

    I want to know if it’s possible to remove this left sidebar on the smartphone and leave it on the other interfaces (computer and tablet).

    Thank you for your answer and have a nice day!
    Marie

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi,

    You could hide the sidebar in the mobile device by using the Media Query CSS. Can you provide the URL to your site so that we can inspect it and give you a proper solution?

    Thanks.

    sva55

    (@sva55)

    Hello! It would be better if the sidebar moved down on mobile devices. I have the same problem. I had to make pages without a sidebar.

    Hi @sva55,

    By default, the sidebar moves down and is the default behavior on the mobile devices in Spacious theme. If it doesn’t move down, then it is due to CSS override. For fixing it, you can go to the Appearance > Customize > Additional CSS in the dashboard and insert the code mentioned below:

    @media screen and (max-width: 768px){
    	#primary, #secondary {
    		width: 100%;
    		margin: 0;
    	}
    }

    Can you use the sidebar after inserting the above CSS code and check if that fixes your issue? If the issue persists, please provide us your site URL.

    Thanks.

    It work! Thanks!

    Hi @sva55,

    Glad to know it worked. Feel free to ask again if you get any issue regarding the theme.

    Thanks.

    Hi!

    It works for me too!
    Thank you a lot 🙂

    Hi @ma06rie,

    Glad to know it worked. Feel free to ask again if you get any issue regarding the theme. If you liked this theme, you can help us by leaving a review.

    Thanks.

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