Header overlap on Revolution Slider

Comments

• Albert

  January 2017

  Hi,
  
  you probably set transparent header so in such case, it is the most proper behave.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• harisqei

  January 2017

  Thanks for the reply, I don't think the header is transparent. 

  
  

  I've taken a few screenshots for your reference:

  
  

  Header is Fixed - settings http://imgur.com/a/Fb1V8
  

  
  

  Custom CSS part 1 - http://imgur.com/a/FWbhk

  Custom CSS part 2 - http://imgur.com/a/u2Drw

  
  

  Not sure if there's any setting I've missed or have custom CSS which is causing the issue?

  
  
• harisqei

  January 2017

  Sorry about that - I've figured out where to remove the transparent header. It's now not transparent, however there is still an overlap

  
  

  Here is a screenshot = http://imgur.com/a/K0H2f
• Albert

  January 2017

  Please send us link to page where you got this header then so we can have a look on it.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• harisqei

  January 2017 edited January 2017

  Here is the link 

  https://employmentinnovations.com/home-new-homepage/

  password - betheme
• Albert

  January 2017

  Ok, thanks. As we can see, you have fixed header type set and it's also kind of transparent header. So if you don't want the content to go behind the top bar, you should choose standard header type like Classic.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• harisqei

  January 2017

  Working perfectly now - thank you!!
• Albert

  January 2017

  You are welcome!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• phanbdm

  February 2024

  Hi friend

  My website: https://nailsbykevin.com/

  Has a problem only on Mobile. The header overlap the revolution slider.

  On desktop, it is working fine.

  Could you please help me look into this.

  Thanks.
• Phil

  February 2024

  Hi @phanbdm,

  Please try the following CSS code:

  @media only screen and (max-width: 767px){
   #Top_bar{
     top: 0!important;
   }
  }
  

  Please put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• phanbdm

  March 2024

  Thanks.