Home Banner Image not responsive correctly and problem with full-width header

[sherriestcyr]

My site is http://www.sherriestcyr.com. The home page banner cuts off on the right side on smaller screens, like my iPad and phone.

Also, I cannot get the header to be full-width as it is in the blog format example. Thanks for your help.

[Chinmoy Paul]

I am unable to check the site. Because you installed the maintenance mode plugin and locked the site.

[sherriestcyr]

I’ve unlocked it now (feeling sheepish).

[Chinmoy Paul]

There have @media queries section in stye.css file. Open your style.css file and go to this section @media only screen and (max-width: 800px) {

Add this new CSS code in that section

#home-top .home-banner {
   background-position: 0 0!important;
}

Also, I cannot get the header to be full-width as it is in the blog format example. Thanks for your help.

Make sure you upload logo image of minimum 2160px (width) to span it full width as seen in flex blog demo layout. The current logo image size used in flex blog demo is 2160px X 500px

[sherriestcyr]

Thank you! That fixed both issues – I love how the site looks.

[Author]

Posts