- This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Support › Forums › Flex Theme › Home Banner Image not responsive correctly and problem with full-width header
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.
I am unable to check the site. Because you installed the maintenance mode plugin and locked the site.
I’ve unlocked it now (feeling sheepish).
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
Thank you! That fixed both issues – I love how the site looks.