[Resolved] sidebar width

[Stevie]

Hi guys
I’m trying to get my sidebar widget image links ( 210px) to fill the sidebar
in mobile view.
Adjusting the width via sidebar layout in customiser works fine in desktop view
but the image widget does not fill the sidebar in mobile view.
is there a workaround to this?

[David]

Hi there,

can you share a link to your site so i can see the issue?

[Stevie]

Thanks David

https://glamourdaze.com/

[David]

Try this CSS:

@media(max-width: 768px) {
    .sidebar .widget img {
        width: 100%;
    }
}

[Stevie]

tip top, seems to work.
I’m curious, in sidebar layout, there is no pixel width – just percentages.
How do I figure that out?
My container is 1200px.

[Leo]

Like the width of your sidebar in px?

If so this formula should work:
1200px (container width) * 20% (sidebar width %) = 240px.

[Stevie]

cheers Leo.

[Leo]

No problem 🙂

[Stevie]

Do I center the sidebar image by playing with the padding in mobile view?
It is nicely centered in desktop view with the default padding, but to the left of sidebar container in mobile view.

[Leo]

Give this CSS a shot:

@media (max-width: 768px) {
    .separate-containers .inside-right-sidebar {
        text-align: center;
    }
}

[Stevie]

cheers Leo

[Leo]

No problem 🙂

[Author]

Posts