Banner not responsive on desktop

Hey @kennethkongcw ,

Thank you for writing in,

Could you please elaborate on your query? I could not find any problem while inspecting your site. I apologize if I could not understand your query. Do write back again ??

Regards,
ThemeGrill Support Team

Hi Bikallpa,

Could you inspect my site’s header using desktop?

You will see the banner image is “repeating” itself.

My intent is for my banner image (1500 * 450 px) to just fit nicely.

Thanks.

Hey @kennethkongcw ,

Yes, I can see that now. And you can use the same CSS to fix it for your desktop version as well. Just remove the @media part from the code as it is used to make changes only on mobile devices. The code will be as follows:

 #parallax-bg {
        // background-position: center;
        background-size: contain;
        top: 65px !important;
    }
    #masthead {
        margin-bottom: 200px;
    }

This should work for both desktop and mobile devices. So, you can remove the code that you have added before. If it does not then please let me know.

Regards,
Themegrill Support Team