Menu background color and slider

Dear ,

Here is my link: www.primaverap6.net

I would like to remove my menu BACKGROUND and make slider pic all the way up to the menu. (Its perfect on pc/laptop but i also want this on mobile/tab screen.

Because, my menu background color and slider pic color is a miss match.

Any options do i have? Plz help as usual.

Regards,

Sorry,

I forgot to tell you, I want this to happen on mobile screen.

Hello there,

Try adding the following CSS snippet into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.


@media only screen and (max-width:1024px) {
  .site-header {
    background-color: transparent;
  }
}

@media only screen and (max-width:991px) {
  .site-header,
  .site-header.fixed {
    position: absolute !important;
  }
}

Regards,
Kharis

Dear Not a good solution.

It worked only good on home page,

but it affected badly on other pages. Which i dnt like.

Can you suggest something only for home page? And do not affect other pages?

Hello there,

To do header styling specifically for homepage, use this code:


@media only screen and (max-width:1024px) {
  .home .site-header {
    background-color: transparent;
  }
}

@media only screen and (max-width:991px) {
  .home .site-header,
  .home .site-header.fixed {
    position: absolute !important;
  }
}