Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 27, 2024 at 12:32 am #337584
    tdlock14
    Participant

    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

    September 27, 2024 at 1:27 am #337589
    sujapati
    Keymaster

    @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”

    addtional-css

    Kind Regards,
    Sujapti

     

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.