Archived topic
Unreadable submenu on smartphone
5 replies · Started by Patricia on July 26, 2022
Hello,
I'm almost done with a client's site. I'm doing it from "coach" on "GeneratePress" and everything is fine, except on the cell phone. There are two big bugs impossible to solve, even by modifying the css:
- impossible to change the color of the text or the background of the submenu, the changes are not taken into account. It's unreadable : written in white on a white background
- The rounding effect on two corners of the main picture of the homepage is clearly visible on all screens, except on the cell phone. As I copied the style for the photo of the contact page, the problem also appears on this page.
Thank you very much in advance for your help.
Hi Patricia,
To have a better understanding of the issue, may you kindly provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Hope to hear from you soon.
Hi Fernando,
Thankyou for your prompt answer. I give the link to the site below.
For the sub-menu background color of the off canvas menu, try modifying the color in Apparance > Customize > Colors > Off Canvas Panel > Sub-menu background.
As for the border-radius, it’s added through custom code in Customize > Additional CSS.
Specifically, this code:
figure.wp-block-image.image-style img {
border-radius: 80px 4px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}It’s inside a media query though for desktops which is why it’s not working for tablet and mobile.
You’ll need to put the code out of the media query.
Simply put it, delete that code, and place it at the very bottom instead.
Hope this clarifies!
Thank you Fernando for this very efficient support!
Have a good day or rather evening, for you, I think ;-)
You’re welcome Patricia! Have a great day as well! :)
