Archived topic

Mobile Header Color Issue - GP Pro Awaken theme

5 replies · Started by Bailey on March 15, 2020

Viewing posts 1–6 of 6

March 15, 2020 at 4:54 pm #1195861

The header looks great on the home page and everything is fine on the desktop view. The mobile view is where the color gets messed up. The background color for the menu is set is #d5232f but when I look at the mobile site on any pages that aren't the homepage the header is either shade of light grey or white or transparent so it makes seeing the Title and Menu almost impossible to read. I can't figure out where the color is off at that it needs to be fixed.

March 16, 2020 at 4:57 am #1196176

Hi there,

the Mobile Header uses the colors set in Customizer > Layout > Primary Navigation. Try changing them and let me know.

March 16, 2020 at 7:41 am #1196466

I think you meant Customizer > Colors > Primary Navigation and not Layout.

That color is rgba(255,255,255,0) and is necessary for the Awaken theme Homepage on Desktop. This one needs a separate setting or a custom css because it needs to be that for the desktop version but messes up the mobile header.

March 16, 2020 at 7:46 am #1196472

Oops - sorry :)
Change the colors in the Customizer for the entire site.

Then in Appearance > Elements edit the Header Element assigned to the front page, and go to the Site Header tab, there you can edit the navigation colors for that page :

https://docs.generatepress.com/article/header-element-overview/

March 16, 2020 at 7:57 am #1196479

Thanks! That fixed it.

March 16, 2020 at 8:11 am #1196503

You're welcome

This archived topic is closed to new replies.

Start building better websites today.