Issues on mobile device

[compania123]

Hi there,
we have a few problems on mobile device with our new website mandlovica.com

1. navbar background is white instead of black (same problem with IE on desktop)
2. two headlines at the beginning are not visible. They are too wide on mobile device.
3. Images gaps are not the same and the product names should be below the image product by product not at he end of the column

Thanks a lot guys
Michael
.

[basanta]

Hi There,

Thanks for writing in!

Please find my answer here.

1. The menu background in back in the mobile device. I tested in IOS and Android phone.
   

2. You are not using a responsive header so in the mobile device the text is bigger.
   Now I have made it responsive so it should work fine in mobile.

3. The titles and the image were in two different rows that’s why it was coming like this.
   Now I have added those to single row so it would come fine in the mobile device.

Hope that helps!

Thanks

[compania123]

Hi there,
thank you very much. for the solved issues but I have still problem with navbar background. As you can see on my side it is still white in both cases (mobile and IE).

Thank you very much.

Michael

[jade]

Hi there,

Please edit the Global CSS and find this block of code:

.x-navbar {
    border-bottom: 0;
    background-color: rgba(0,0,0);
    box-shadow: none;
}

then change background-color: rgba(0,0,0); to background-color: #000.

If the issue persists, please add this code too:

.masthead {
    background-color: #000;
}

Hope this helps.

[compania123]

Perfect. Thanks a lot guys. All fixed.

Michael

[ruenel]

You’re welcome!
We’re glad @Jade were able to help you out.