Site logo

Archived topic

Sidebar search widget size

3 replies · Started by Ola on January 13, 2021

Viewing posts 1–4 of 4

Hi!

On my right sidebar (on Blog and posts), I have the search widget. It almost fills the width on desktop, but on tablet and mobile (when shifted below the main content) it becomes narrower than the rest of the items in the sidebar which looks weird. I've changed the justification to center to fixe it somewhat, but I really would like it to be as wide as the rest of the sidebar on mobile and tablet also.

See https://www.stag1.ikigai.se/valmaende/fem-rad-for-julefrid-i-pandemitider/

How can I fix this?

BTW: I might have discovered a bug: The search entry field in the widget displays with a border radius on IOS-devices. I managed to correct this with:

.search-field {
    -webkit-appearance: none;
     border-radius: 0;
}

I hope this was a correct way.

Best regards,

/Ola

Hi Ola,

You could try this CSS, the search bar will be widen in desktop and tablet view as well, let me know if you'd like a specific length for tablet.

.inside-right-sidebar .search-form label {
    width: 100%;
}

Perfect!

Thanks!

/O

No problem :)

This archived topic is closed to new replies.