Shopping Page Mobile Menu Issue

Shapely
1

Hello,

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?

IMG_7123.PNG
IMG_7123.PNG1170×2532 129 KB

Any help would be greatly appreciated!

  • Suri
2

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:

3

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.

4

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.

Regards,