How to setup a different background color for sticky header

Hello,

The other color for the sticky header can be defined via custom CSS code, e.g. try the below one:

.xts-sticked .xts-header-main .xts-general-header {
    background-color: #f1c2c2;
}

Define it in Theme Settings -> Custom CSS.

• This reply was modified 4 months ago by Luke Nielsen.

Hello,

At the moment I see that the site is in maintenance mode, could you please send me access to the admin panel in this case?

Thank you in advance.

Kind Regards

Hello,

Use the code below for help:

/* MENU\SHEVRONS */
.xts-sticked .xts-general-header :is(
  .xts-nav-main > li > a,
  .xts-nav-secondary > li > a,
  .xts-header-el span
),
.xts-sticked .xts-general-header :is(
  .xts-nav-secondary,
  .xts-nav-main
) > li > a:after {
   color: #FFFFFF;
}

/* STICKY MENU ITEM ICONS */
.xts-sticked .xts-general-header .xts-nav-img {
   filter: invert(1);
}

/* HEADER DIVIDER */
.xts-sticked .xts-general-header .xts-header-divider:before {
 border-color: #FFFFFF;
}

/* HOVER SECTIONS */

/* MENU\SHEVRONS */
.xts-sticked .xts-general-header :is(
  .xts-nav-main > li.current-menu-item > a,
  .xts-nav-main > li:hover > a,
  .xts-nav-secondary > li:hover > a,
  .xts-nav-shop-cat > li.xts-active > a,
  .xts-nav-shop-cat > li:hover > a,
  .xts-nav-mega > li:hover > a,
  .xts-nav-sticky-cat > li:hover > a
) {
  color: rgba(255, 255, 255, 0.8);
}

/* ACTIONS BUTTONS */
.xts-sticked .xts-general-header :is(.xts-header-el:hover .xts-header-el-icon,
.xts-header-el:hover .xts-header-el-label) {
  color: rgba(255, 255, 255, 0.8);
}

Thank you for your time.

Kind Regards

Hello,

Please provide the full access for the admin panel – https://take.ms/LHN24

Thank you in advance.

Kind Regards

Hello,

Thank you for your time.

It seems that access is invalid – https://take.ms/fHoMT

Please update it and let me know.

Kind Regards