[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
    Posts
  • #1195861

    Bailey

    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.

    #1196176

    David Customer Support

    Hi there,

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

    #1196466

    Bailey

    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.

    #1196472

    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 :

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

    #1196479

    Bailey

    Thanks! That fixed it.

    #1196503

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

You must be logged in to reply to this topic.