Maintain header colour

  • Resolved paulmc911

    (@paulmc911)


    7 years, 9 months ago

    Hi there,

    I’m currently building a website https://centravely.com/ using Hestia. The theme is idea for my purposes but I’m having a problem with the header in mobile responsive view. It works fine in the large screen view but in small screen it becomes solid in colour and that means that my logo becomes incompatible. Is there a way of retaining the opaque header in mobile view?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    Add the following custom CSS to customize-> Additional CSS

    @media (max-width: 767px){
.navbar.navbar-transparent {
    background-color: transparent;
}}

    Hope it helps and let me know if you require any further assistance.

    Thread Starter paulmc911

    (@paulmc911)

    Hi Poonam!

    Thank you for your help. I’ve entered that into Additional CSS but it hasn’t changed anything with the mobile view ??

    Any other ideas?

    Thank you

    Can you try this instead?

    @media (max-width: 767px){
    .navbar.navbar-transparent {
         background-color: transparent !important;
    }
}

    Let me know. ??

    Thread Starter paulmc911

    (@paulmc911)

    It worked! Thank you my friend ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Maintain header colour’ is closed to new replies.