Tagged: sidebar
Hi,
Even after using code in this thread https://kriesi.at/support/topic/sidebar-on-mobile-screen-size-not-appearing?replies=6&message=closed#post-115928
I still can’t see my sidebar in mobile view. Is it because I changed the width of my sidebar from 3 alpha units to 4 alpha units?
Cheers,
Laney
Hi,
Please use this instead.
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {
display: block !important;
}
}
Regards,
Ismael
Brilliant – that worked, thank you.
Can you please tell me how I get this to work in responsive mode?
.inner_sidebar {
margin-left:20px;
}
It is usually 50px, but when it shows up on mobile it cuts off the right side of the side bar, so I’d like to reduce it for mobile only.
Cheers,
Laney
Hi Laney,
If you want something to only effect mobile view you can add it to the same media query as above. The custom.css has a blank template for mobile and desktop media queries and are labeled as such.
Regards,
Devin
Thanks for the css fix above but the issue I’m having is the sidebar on my single product shop page is showing above my product title but below my product images…so the sidebar is in between….I need the sidebar to sit below my product description and add to cart button…see here:
http://attainablevintage.com/product/antique-white-shabby-chic-cabinet/