Site logo

Archived topic

Mobile Header logo size

3 replies · Started by Jatin on October 4, 2021

Viewing posts 1–4 of 4

Hi Guys,

Can you please advice how can i reduce the size of my header logo just for mobile. For desktop is looks ok.
My site is given in the private box.

Hi Jatin,

Try adding this CSS:

.site-logo.mobile-header-logo {
    width: 160px;
    height: auto;
}

.site-logo.mobile-header-logo img {
    width: 100%;
    height: auto;
}

Adjust 160px value to your preference.

Thanks is there any way to move the search icon to Inside the Menu header for Mobile Phone ?

Hi there,

no you can't move the search icon inside the navigation menu. But you can add a search widget to the Customizer > Widgets > Off Canvas Panel.

And then use some CSS to remove the navigation search icon:

@media(max-width: 768px) {
    .main-navigation .menu-bar-item.search-item {
        display: none;
    }
}
This archived topic is closed to new replies.