How to personalize search element

Yay! I think we got it covered now. One thing I’d do is make sure that I’d do is make sure that everything fits properly on 992px width of the screen as that is the smallest desktop size. I’d recommend adding a line of custom CSS to target nav logo on smaller screens like this:

@media only screen and (max-width: 1100px) and (min-width: 992px)  {
.nav-logo{
width: 150px;
height: 60px;
}
}

You might need to tweek some other elements as well in order for everything to fit but this is the main idea as to how you’d do it. You can add this code into project settings before tag so that it gets applied to all pages.

1 Like