[tdlock14]

Hello, the hamburger icon is invisible when the window becomes narrow enough for it to appear in the header. It is also entirely invisible on mobile. The weird thing is that it is visible in the editor when the editor window is narrow enough. Please help and thank you in advance.

The website is scoperoofingco.com

[sujapati]

@tdlock14: The hamburger icon appears invisible because both the icon and the header background are white in color on your site. You can resolve this by applying a background color to the icon using CSS.

CSS

button.wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange);
}

You can add the following CSS in “Appearance => Customize => Additional CSS”

Kind Regards,
Sujapti

 

[Author]

Posts