Header image does not resize correctly

Home Forums IT Consultant Support Header image does not resize correctly

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #12155
    Jerry JalenakJerry Jalenak
    Member
    • Topics: 9
    • Replies: 7
    • Total: 16
    Member since: September 23, 2015

    When viewing my website on a smaller device (cell phone, tablet), the header image does not resize correctly. The header should be ‘responsive’ and adjust (or scale) correctly for the device size.

    Not sure how to attach  a screen capture from my phone to this issue. Please advise.

    Thanks.

     

    #12202
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    You can take a screen grab of your cell phone and upload here: http://imgur.com/ and then share the link with us.

    Regards,
    Shri

    #22680
    GregGreg
    Member
    • Topics: 8
    • Replies: 21
    • Total: 29
    Member since: February 7, 2016

    Did this get resolved and if so what was the solution. We are having the same issue with the Restaurant theme.

    #22751
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi Greg,

    Kindly show us your website URL

    Regards,
    Ashish

    #22920
    GregGreg
    Member
    • Topics: 8
    • Replies: 21
    • Total: 29
    Member since: February 7, 2016

    Hi Ashish

    www.roamindonesia.com

    Regards,
    Greg

    #22922
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi Greg,

    I see you have used header images of size 1400px by 648px. If you use same sized slider images it won’t go up and down.

    You can reduce the height of the images though and keep it say 350px each of them.

    So all of them can be re-sized to 1400px by 350px to reduce height of the header.

    Regards,
    Shri

    #22960
    GregGreg
    Member
    • Topics: 8
    • Replies: 21
    • Total: 29
    Member since: February 7, 2016

    Hi Shri,

    I think you’ve misunderstood the problem. Our header slider images (home page) are all 1400 x 648 and these are perfectly responsive.

    Our problem with non-responsiveness is on all other pages and relates to the header banner images which have been resized to 1400 x 382 as per the dimensions in the theme demo.

    Regards,
    Greg

    #22965
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    Hi Greg,

    Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
    And paste this css code in custom box

    @media screen and (max-width:1023px) {
    .innerbanner img { height:auto !important;}
    }

    Regards,
    Shri

    #22975
    GregGreg
    Member
    • Topics: 8
    • Replies: 21
    • Total: 29
    Member since: February 7, 2016

    Thanks for your help, working now.

    Regards,
    Greg

    #23074
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    Okay. Cool.

    Regards,
    Shri

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.