Archived topic
Need Help With css
7 replies · Started by Sunny on June 22, 2021
Could you please help and give the CSS code to
1. Remove the box around hamburger
2. Increase the size of hamburger
3. Remove the search icon beside hamburger
Thankyou
Hi Sunny,
Can you link us to the site in question? To inspect the hamburger for selector.
3. Remove the search icon beside hamburger
Do you want to completely remove the search icon on all viewports?
If so, assuming you're using the default search icon, you can remove it on Appearance > Customize > Layout > Primary navigation.
You should see a "Navigation Search" Dropdown. Set it to "Disable".
have posted the link
thanks for your reply.
Hi there,
i cannot see the link - can you add it to the Private Information Field
Please check again
Add this CSS to override the styles that Elementor is adding:
#masthead .mobile-menu-control-wrapper .menu-toggle {
border: none;
background: none;
}
You can disable the Navigation Search in Customizer > Layout > Primary Navigation.
If you only want to remove it on Mobile then add this CSS:
@media(max-width: 768px) {
.main-navigation .menu-bar-item.search-item {
display: none;
}
}
wow, thanks a lot.
Glad to be of help