Sticky Header Color Changing Problem

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Multi Vendor Marketplace Plugin | WCFM Marketplace › Forums › WC Marketplace › Sticky Header Color Changing Problem

Tagged: 

Viewing 4 reply threads
  • Author
    Posts
    • May 29, 2020 at 3:23 pm #136491
      shaonmak
      Participant

      Hey there, I hope you have a great day.
      So, recently i encountered a problem with the sticky header bar, which is white in color in desktop mode, but as soon as i switch to mobile mode the color changes to yellow and i can’t seems to find the setting of it. Screenshots below will further explain my situation.

      Screenshots: https://imgur.com/a/WuEbuYy

    • May 30, 2020 at 7:33 pm #136750
      Sarmistha Chakraborty
      Member

      Hello,

      This is your theme issue, please contact with your theme support for this purpose.

      Thanks.

    • June 1, 2020 at 7:16 am #137138
      shaonmak
      Participant

      Hey there,

      Our current using theme is called the Astra theme, previously we had made a website using this theme without having any problems. Just this one with WC will break the color coding on mobile version. Any thoughts on this?

      Thanks!!!

    • June 1, 2020 at 9:39 pm #137387
      Sarmistha Chakraborty
      Member

      Hello,

      You can try this css –

      @media only screen and (max-width: 544px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.ast-transparent-header.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar, .ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar, .ast-primary-sticky-header-active.ast-header-break-point .main-header-bar-wrap .main-header-bar {
    background: #fff !important;
	}

}

      Thanks.

    • June 2, 2020 at 8:58 am #137549
      shaonmak
      Participant

      Good day!!

      Just wanna update, it worked like a charm!!

      Thanks for the help!!!

  • Author
    Posts
Viewing 4 reply threads
  • You must be logged in to reply to this topic.