Left Sidebar Position on mobile is wrong

Home Forums Spacious Free Left Sidebar Position on mobile is wrong

This topic contains 5 replies, has 2 voices, and was last updated by  Ashish 5 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1345727

    Brian
    Participant

    Hi Guys,
    This was asked on the forum before but never answered. If you go to www.brianwordpress.com and you will see I have a left sidebar with a menu in it. It looks great on desktop but on mobile it is wrong, it should normally go to the bottom of the screen like this site https://www.justprint.ie/shop/ Does anybody know how to make the sidebar go underneath on a mobile phone view?

    #1346033

    Ashish
    Moderator

    Hi Brian
    It seems you’ve added custom CSS making left sidebar float in mobile devices. Normally, the left sidebar would go down in mobile devices, if you’ve not changed default CSS. Thanks.

    #1346234

    Brian
    Participant

    OK I figured out that if I change the width of the left sidebar which I had done with the css from an earlier support post, it makes it not move down. If I leave it at the default width, it DOES go down. The default width of the left sidebar is too wide. How would I change the default width of the whole left sidebar in the theme to about 20% so it moves down? Cheers?

    • This reply was modified 5 months, 1 week ago by  Brian.
    • This reply was modified 5 months, 1 week ago by  Brian.
    #1346354

    Ashish
    Moderator

    Hi,
    Please replace your previous code with:

    @media screen and ( min-width: 768px ) {
        .left-sidebar #secondary {
            width: 20%;
        }
        .left-sidebar #primary {
            width: 78%;
        }
    }

    Thanks.

    #1346416

    Brian
    Participant

    Ashishsthanp you are an absolute genius! We have now made Spacious into a theme that can have a responsive left vertical menu. This is down to my awkward questions and your brilliant answers and your patience with me and your persistence to get it right also. This is why I would recommend everybody to buy the full themes package at 249. If you can provide this level of service then you are a company worth supporting and I want people to know that. Thank you

    #1346535

    Ashish
    Moderator

    Hi Brian
    Glad to know that it helped you. If you get any issue later, feel free to ask again! If you like our theme, you can help us by providing a review us here: https://wordpress.org/support/theme/spacious/reviews/?filter=5

    Regards,
    ThemeGrill Support Team.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.