Dear Support
The text of my mobile menu is not clearly visible on http://www.spotlife.co.uk it clashes with the content on the page. Is it possible to add a background colour behind the text on the mobile menu so that the white text can be clearly seen?
I look forward to hearing from you.
JD
Hi,
If you are using a cloud header, you’ll need to edit it with tagDiv Composer, click on the menu -> https://i.imgur.com/8ls7NbH.jpg check the css tab and add a background color -> https://i.imgur.com/EM4scco.png if you want to set the color on the whole width, select the row or inner row and set the color -> https://i.imgur.com/d0L2BRL.jpg
The mobile menu can be edit like the desktop version, only change the port view from tagDiv Composer -> https://i.imgur.com/SowoXwb.png
Hope this will help you!
Thank you!
Thanks for your reply.
Regarding the background color, I was referring to the mobile drop down menu, not the background of the mobile header?
What am I missing?
The url is http://www.spotlife.co.uk
If you check the menu on a mobile, you’ll see that the drop down menu text has no background to separate the text from the text on the page.
Thanks again for your help.
By the way, I selected AMP in the theme control panel.
Hi,
I think that you are referring to this problem -> https://i.imgur.com/xLPXmKF.png if you want to set an background color on that section you need to set the colors here -> https://i.imgur.com/dv91m69.png -> https://i.imgur.com/BDs11xi.png -> https://i.imgur.com/717MyIQ.png
Hope this will solved the problem.
Thank you!
Hi danielm89,
If you are using the mobile theme plugin then you can change the background image from here -> https://i.imgur.com/4zaE2Id.png if you are not using the mobile theme, you can set the mobile theme here -> https://i.imgur.com/T46x2Xn.png
Thank you!