Header not displaying correctly for Mobile after custom CSS changes

Dear Steve,

Please try to apply the following CSS code:

@media only screen and (max-width:800px){

  .header-wrap .col-md-4 a:nth-of-type(2){
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .header-wrap .search-form{
    position: static;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }

}

@media only screen and (max-width:600px){
  .text-slider{
    margin-top: 100px;
  }
}

Regards,
Kharis

Thanks Kharis, that works well.

There is a lot of white padding between the header and the first item on each page – Only happens on Mobile devices.

Is there any way to reduce this spacing/padding?

Regards,
Steve

Dear Steve,

Please go to Appearance > Customize > General > set 0 the two input fields that say “Page wrapper – top padding” and “Page wrapper – bottom padding”.

Regards,
Kharis

I’ve actually tried this, but when I do change the fields to 0, then the header cuts the text off the top of the page when displaying viewed via a PC browser.

Try this code, please:

body:not(.home) .page-wrap{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

Regards,
Kharis

Thanks Kharis,

Works well for Mobile devices, but is still cutting the top line or two off the top of the page when viewed via a PC and web browser.

Hello there,

Could you please share the link to the page you are seeing?

Regards,
Kharis

https://www.dr-holly.com.au/forehead-lines/

It cuts the Page Title off, plus additional lines on all pages, but most noticeable on Treatment pages (as above).

Try to add this code, please:

.site-header.fixed{
  position: relative !important;
}

Let me know how it goes.

Regards,
Kharis

Aahh, that’s perfect.

Thank you Kharis, your support is A1.

Try to add this code, please:

.site-header.fixed{
position: relative !important;
}
/* felleng.com
*/

Great!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis