How to Move Page Content Down From Behind Transparent Header

Hi, we’ve done a website and our client has just noticed that she couldn’t see the field to enter her email or username because it was hidden under the transparent header at the top of the page! Can you let me know what CSS I need to put in so that it only effects this particular page please:

http://sjsolutionsgroup.co.uk/password-reset/

Thanks!

Hello There,

Thanks for writing in! I have checked the page and it seems that you added custom css that positioned the header as fixed. To resolve this issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (min-width: 980px){
  .um-page-password-reset.x-navbar-fixed-top-active .masthead {
    position: relative !important;
    top: auto;
  }
}

Hope this helps. Please let us know how it goes.

Hi Rue

That worked great, many thanks!

Cheers!

We’re delighted to assist you with this.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.