Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 4, 2023 at 1:49 am #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.

    October 4, 2023 at 1:49 am #327007
    Sakin
    Keymaster

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

    October 4, 2023 at 9:28 am #327045
    adam.kraft
    Participant

    theheightscannabis dot com

    October 4, 2023 at 12:19 pm #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
    October 4, 2023 at 3:33 pm #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.

    October 5, 2023 at 11:11 am #327154
    adam.kraft
    Participant

    @sakin – any other suggestion?

    October 5, 2023 at 12:08 pm #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;
}
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.