Mobile version problem!


#1

Before the update - My website was working awesome on cellphone as the Header was transparent and overlapping the back ground.

After the update - With this black bar on the top - It not only pushing the call-in-action button below the screen but also does not look that great.

Could you please give me a fix or a css code if you think the future updates will not fix my problem ???

Thank you for your help in advance !

Just in case if you want to check here is the link: Advinor.com


#2

Hi,

Here is the explanation for the new background of the top menu https://athemes.com/forums/topic/header-5/

But if you are not convenience with the update, you can use this css code below to make your top menu transparent:

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

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

#3

Awesome, thank you. Makes it same as before and works really well for me ! Appreciate your quick response. Thanks a ton.


#4

Happy to help :slight_smile:

But, let see if the next update we decide to remove those black background, so you need to remove the code in above.