Different Header Color on Tablet Landscape

  • Resolved ryanmuchacha

    (@ryanmuchacha)


    8 years, 3 months ago

    Hello,

    I have the slider running on in the theme with a sticky menu. Everything looks great on mobile phones and desktop. However, when I put a tablet in landscape mode, the menu loads as a black bar until I begin to scroll and then it turns the desired pink.

    I’ver replicated this by resizing the browser window in both chrome and safari.

    Thank you,

    Ryan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ryanmuchacha

    (@ryanmuchacha)

    8 years, 3 months ago

    I am using Sydney. Thank you.

    awanrmb

    (@awanrmb)

    8 years, 3 months ago

    Hi,
    please try the following css code to make the black background color keep displayed in landscape view for tablet

    @media only screen and (max-width: 1024px){
  .site-header {
    background-color: #000000;
  }
}
    Thread Starter ryanmuchacha

    (@ryanmuchacha)

    8 years, 3 months ago

    Thanks, awanrmb! Sorry for my delayed reply. I actually would like to keep the color pink. Would it work if I put the pink hex color into the css?

    Thank you,

    Ryan

    Thread Starter ryanmuchacha

    (@ryanmuchacha)

    8 years, 3 months ago

    That did the trick! Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Different Header Color on Tablet Landscape’ is closed to new replies.