• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

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

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Home Banner Image not responsive correctly and problem with full-width header

  • This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago by sherriestcyr.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 7, 2015 at 1:50 am #397
    sherriestcyr
    Participant

    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.

    July 7, 2015 at 2:34 am #399
    Chinmoy Paul
    Moderator

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

    July 7, 2015 at 2:57 am #401
    sherriestcyr
    Participant

    I’ve unlocked it now (feeling sheepish).

    July 7, 2015 at 3:27 am #406
    Chinmoy Paul
    Moderator

    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

    July 7, 2015 at 4:08 am #407
    sherriestcyr
    Participant

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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2021 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates