[Resolved] Mobile Header Color Issue – GP Pro Awaken theme

Home Forums Support Mobile Header Color Issue – GP Pro Awaken theme

This topic contains 5 replies, has 2 voices, and was last updated by  David 2 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1195861


    Dev Site – https://killian.tech

    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.


    David Customer Support

    Hi there,

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



    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.


    David Customer Support

    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 :




    Thanks! That fixed it.


    David Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.