Archived topic

Search Bar Visual

3 replies · Started by William on February 28, 2020

Viewing posts 1–4 of 4

February 28, 2020 at 5:36 am #1179510

Hi -

I imported the SPLIT site and customized a bit.

When clicking on the search bar, it overlays on top of the site logo and the navigation buttons. (image below)

https://imgur.com/a/Kh0r8FP

Is there a way to make this look better?

Thank you,
William

February 28, 2020 at 8:28 am #1179835

Hi there,

we could limit its width to match the left hand navigation with this CSS:

@media (min-width: 768px) {
    .inside-navigation .navigation-search.nav-search-active {
        left: calc(100% - 285px);
        max-width: 285px;
    }
}

February 28, 2020 at 10:06 am #1179896

Thanks David. Would that fix the issue on mobile as well?

I'm a newbie, where would I put this CSS inside wordpress to get this going?

Thank you!

February 28, 2020 at 4:27 pm #1180138

Adding CSS: https://docs.generatepress.com/article/adding-css/

This archived topic is closed to new replies.

Start building better websites today.