wcfm-santa

A deal you can't resist! Get upto 35% Off on this entire cyber week.

CLAIM OFFER
00Day 03Hr 51Min 22Sec
wcfm-santa

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
    • #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

    • #136750

      Hello,

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

      Thanks.

    • #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!!!

    • #137387

      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.

    • #137549
      shaonmak
      Participant

      Good day!!

      Just wanna update, it worked like a charm!!

      Thanks for the help!!!

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