Hello,
There’s an issue with the mobile version of our comnpany website. The hamburger menu looked as if it wasn’t there any more (which was something some of our customers had noticed). When I checked, I discovered it was there but white on white, so not visible. After some research and trying a number of failed solutions, I found a working solution with the following code + JavaScript plugin:
.btn-menu {
font-size: 27px;
font-family: "FontAwesome";
color: #000;
}
.btn-menu:before{
content: "\f0c9";
}
.btn-menu:before {
display: none;
}
This fixed the hamburger problem across the site, except on the WooCommerce shop and single product pages.
I also changed the top padding from 83px to 0px across the site, but these WooCommerce pages still look as if they are defaulting to the 83px, which leaves an unsightly gap at the top of the pages.
I’ve looked and looked, but can’t seem to find solutions for these two problems as they relate to the Woocommerce pages. Any assistance would be appreciated! Thanks.