Site logo

Archived topic

Need Help With css

7 replies · Started by Sunny on June 22, 2021

Viewing posts 1–8 of 8

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

This archived topic is closed to new replies.