I’ve created the following pages using the travel world theme.
The last item I have to update is removing the hamburger menu icon from the top right corner - I can seem to to this in the golbal content editor… May I please urgently ask for you help on this ?
To remove the hamburger menu icon, you first need to determine its exact location. It could be in a global module, a template file, or a specific menu module. Once you’ve identified where it is, you can clone it into the newly created child theme.
The cloned module/file will be editable in the child theme.
I have worked with the Travel World theme on several client websites, and this issue with the hamburger menu icon is fairly common. The icon often stays visible because the theme keeps the mobile navigation active, even on larger screens, and the global content editor does not always override it.
The method that has given me the most reliable results is adding a custom CSS rule directly inside the page settings rather than relying on the theme settings. You can open the page in HubSpot, select Settings, scroll to Advanced Options, and place this code inside the header section:
After you publish the page, refresh it a few times. If the icon is still showing, it is usually because HubSpot is holding on to older cached files. Clearing the browser cache or temporarily switching the theme settings and switching back forces the system to regenerate the layout, which makes the change take effect.
I had to follow the same steps when I was updating a transportation website that I manage, which provides Toronto airport taxi and limousine service. The same CSS adjustment removed the icon without causing any issues in the desktop navigation or affecting any other layout elements