Blog, Website & Page Publishing

MNawaz9
Member

How can I remove hamburger from mobile view in Hubspot web homepage

How can I remove hamburger from mobile view in Hubspot web homepage

0 Upvotes
1 Reply 1
himanshurauthan
Thought Leader | Elite Partner
Thought Leader | Elite Partner

How can I remove hamburger from mobile view in Hubspot web homepage

Hello @MNawaz9 

In "Advanced setting" click on "Advanced CSS". In the CSS editor, add the following CSS code

@media (max-width: 767px) {
    .your-hamburger-selector {
        display: none !important;
    }
}


Replace .your-hamburger-selector with the appropriate selector for your hamburger menu. You may need to inspect the element using your browser's developer tools to find the correct selector. Common classes used for hamburger menus are .hamburger, .mobile-menu, or similar. Publish to save your changes.

This CSS code targets screens with a maximum width of 767 pixels (typical for mobile devices) and sets the display property of the hamburger menu to none, effectively hiding it.

Remember to test your website on different mobile devices to ensure that the hamburger menu is no longer visible in the mobile view.

Digital Marketing & Inbound Expert In Growth Hacking Technology