Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #326962
    adam.kraft
    Participant

    I’m using the bizboost theme. On the desktop everything is fine, but when the navigation bar collapses in the mobile website display, the callout button (Shop Now) and the hamburger menu (3 lines) disappear. You can click on the upper right hand corner and the hamburger menu displays, although it is invisible (on mobile) but I can’t figure out how to make that or the callout button display visibly.

    #327007
    Sakin
    Keymaster

    @adam-kraft: Can you post your site URL so that we can check it?

    #327045
    adam.kraft
    Participant

    theheightscannabis dot com

    #327057
    Sakin
    Keymaster

    @adam-kraft:
    1. Mobile hamburger is due to a color issue as that color is white and now your background is also white. So, it has an issue. You can add the following CSS in “Appearance => Customize => Additional CSS”

    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container-open:hover,
    .wp-block-navigation__responsive-container-open:focus {
      color: #000;
    }

    2. The Shop Now button issue on mobile devices is there because of the Bluehost WordPress Plugin. Please check and deactivate that. It’s coming form your site file page

    wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-patterns/assets/styles/utilities.css?ver=0.1.4
    #327068
    adam.kraft
    Participant

    I tried that, but I still don’t see the hamburger menu. I tried both on my phone and I used the testing tool in Appearance => Customize. The hamburger menu doesn’t show up in either place.

    #327154
    adam.kraft
    Participant

    @sakin – any other suggestion?

    #327163
    Sakin
    Keymaster

    @adam-kraft: Can you replace the previous CSS with the following CSS:

    .wp-site-blocks .wp-block-navigation__responsive-container-open,
    .wp-site-blocks .wp-block-navigation__responsive-container-open:hover,
    .wp-site-blocks .wp-block-navigation__responsive-container-open:focus {
      color: #000;
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hamburger menu and callout button disappear in mobile’ is closed to new replies.