Shopping Page Mobile Menu Issue


There appears to be an issue with the header and site title on the Shopping page, when on a mobile device. The site name(title) is layered over the header “shop”. Additionally, the shopping background color is white, as well as the site name; is there a way to change the header color behind the site name so it does not appear invisible?

Any help would be greatly appreciated!

  • Suri

Hey there,

Please add this CSS code in the Appearance > Customize > Additional CSS:

@media only screen and (max-width: 1024px) {
    .mobmenul-container i {
        color: #000;
.mob-menu-header-holder {
    background: white;
    .headertext span {
        color: black;

Let me know if this worked :slight_smile:

Hello! Yes, this worked and changed the background to white and the text to white, but am curious if I can keep the text white and make the background an image? I tried this

“.mob-menu-header-holder {
background: url(“path/to/your/image.jpg”) no-repeat center center;”

but it did not work.

Hey there,

The image path in your css code is not correct, try to ue the full address of the image.

let me know how it goes.