Please, make sidebar visible on mobile devices

Hi. My sidebar is only visible with a computer. I wish to have it visible when using a mobile device. With a mobile device, if it cannot be at the left side (preferable), then, it should appear before content. Someone please help me fix this. Support granted. Thanks

  • viobru
    • Recruit

    Hi, skc!

    Hope you’re doing great today :slight_smile:

    In order to have the sidebar of your site visible on the left side on mobile devices, try using this code:

    @media only screen and (max-width: 685px) {
    #content-core {
    	display:flex;
    	flex-direction: row-reverse;
    }
    #sidebar {
    	display:inline-block !important;
    	width: 100% !important;
    }
    }

    If you find that the sidebar appears too small and prefer to display it before the content, then try to use this other code instead:

    @media only screen and (max-width: 685px) {
    #content-core {
    	display:flex;
    	flex-direction: column-reverse;
    }
    #sidebar {
    	display:inline-block !important;
    	width: 100% !important;
    }
    }

    Please, let me know if it worked.

    Kind regards,

    Violeta

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.