Site logo

Archived topic

Widgets width issue on Mobile

2 replies · Started by Mahmud on December 30, 2016

Viewing posts 1–3 of 3

On a mobile the width of the woocommerce widget covers the full mobile width - I would like to restrict it to the width of the woocommerce body container with white borders on both sides. How do I do this? Thanks in advance

Hi there,

Can you show me what you mean with a link or a screenshot possibly? Having trouble picturing it.

Thanks!

Ah, if you want spacing on either side of your widgets on mobile, you could do this:

@media (max-width: 768px) {
    .sidebar {
        padding: 0 20px;
    }
}
This archived topic is closed to new replies.