Author Pro Theme: Still Having Problems with Site Header Image on Mobile

[byStevenRamirez]

Website: stevenramirez.com

I got some help on this previously, but I’m still having problems. To recap, my site header image is my name. The first media query in style.css changes the header and sub-menus to a dark color. But my header image looks faded.

I tried the suggestion to change the background color to something light. Which worked great, except that, on mobile devices, it messes up the sub-menu. The menu items disappear unless you hover over them.

I tried adding a different background image with white text for the media query, but my name is still hard to read.

I am now back to using the standard style.css. You can see that on mobile devices, you can barely read my name.

Can someone suggest a solution that will preserve the light site header background for mobile while protecting the sub-menu?

Thanks in advance for any help!

https://stevenramirez.com/

[AnitaC]

Where did you put the CSS I provided to you in Slack?

---

Need help with customization or troubleshooting? Reach out to me.

[byStevenRamirez]

Anita, thanks. I tried that, and it worked. As I said, though, it messes up the menus. When you click on the hamburger, menu items do not show unless you hover over them. I need a solution that displays the site header image without touching the menus. Does that make sense?

[AnitaC]

Then you can add what I provided before then insert this in the Additional CSS box.

.genesis-responsive-menu .wrap {
    background: #181c1e;
}

---

Need help with customization or troubleshooting? Reach out to me.

[byStevenRamirez]

Anita, thank you so much! I had to wrap the additional CSS code in another media query, but everything seems to work now. Enjoy the rest of your weekend.

[byStevenRamirez]

Okay, it’s broken again. I’m not sure what’s going on. It might have something to do with caching, but I can’t be sure. (I’ve restored everything.) Here’s the scenario:

1. Make the latest change to the style sheet.
2. Add the custom code to the additional CSS section of the theme.
3. Check the preview area on WordPress—the changes work for mobile.
4. Check my phone using both Safari and Chrome—the changes work.
5. Wait 30 minutes without changing anything else.
6. Repeat Step 4—the sub-menu is messed up again with the menu items in white and almost invisible.

Does StudioPress have Premium Support I can pay for to have someone fix this for me? Or is there another solution? I’ve spent a week on this and need to move on to other things.

Thanks again for your help.

[AnitaC]

No, StudioPress does not offer premium support, but if you'd like my assistance reach out to me in a private Slack message to discuss.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts