[adam.kraft]

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.

[Sakin]

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

[adam.kraft]

theheightscannabis dot com

[Sakin]

@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

[adam.kraft]

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.

[adam.kraft]

@sakin – any other suggestion?

[Sakin]

@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;
}

[Author]

Posts