Bottom of Header Cut Off


Okay, the top of my header is looking good on the computer screen, but now the bottom is cut off. This is not on mobile devices, but only on computer (laptop) screen. Is there a snippet of code that will fix this? Thanks everyone! :slight_smile:



Well, I want to show this to my client but not with the bottom of the header cut off. Anyone working today? Thank you. :wink:


Hello there,

I visited your site and found it looks good. Do you still need an assistance with it?



Yes, if you look at it with a computer screen the bottom of the header is cut off. I cannot see the phone numbers.


Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site #masthead.has-banner:after {
      background-position: bottom center !important;
      background-size: contain !important;
      background-attachment: scroll !important;

Let me know how it works.



That seemed to work. Thank you Kharis. :wink:


Youโ€™re welcome!

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