Site logo

Archived topic

Slight modification header on mobile

5 replies · Started by Chris on December 23, 2019

Viewing posts 1–6 of 6

Hi there,

try adding this CSS to make the search occupy the width of the nav - with some border around it:

@media (max-width: 768px) {
    .custom-search-form {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .custom-search-form input[type="search"] {
        max-width: 80%;
    }
    .custom-search-form button {
        display: none;
    }
}

Edited the CSS above

Sanks!

You're welcome

This archived topic is closed to new replies.