Header space in mobile

Comments

• lfokp

  November 2016

  This is an image of the mobile view with the big gap:

  
• Albert

  November 2016

  Hi,
  
  there was hundreds of answers on this question already on this forum. It's header's background section and if you don't need it, you can remove it by activating Minimalist option under Header & Subheader > Header section.
  

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

  November 2016

  Tried that and it doesn't work for me.

  
  

  The next section (title in this case) just get bumped to the top on PCs under the top bar and not showing. For mobiles it gets bump up to the top menu w/o any spacing.

  
  

  

  
  

  
  
• lfokp

  November 2016

  This worked for me:

  
  

  /* header gap inner pages*/
  

  body:not(.template-slider):not(.header-simple) #Header {
      min-height: 200px;
  }
• Albert

  November 2016

  Yes, but as we can see, you set Transparent header and this is how transparent supposed to work. Transparent, means that whatever you have below, it goes behind the element which is transparent.
  
  Anyway, we are glad to see that you found css that fit to your needs.
  

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