Archived topic
Mobile Header logo size
3 replies · Started by Jatin on October 4, 2021
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;
}
}