Header image does not resize correctly

Home Forums IT Consultant Support Header image does not resize correctly

This topic contains 9 replies, has 4 voices, and was last updated by  SKT Themes 2 years, 9 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #12155

    Jerry 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

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6471
    • Total: 6473
    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

    Greg
    Member
    • Topics: 7
    • Replies: 21
    • Total: 28
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18290
    • Total: 18290
    Member since: August 16, 2013

    Hi Greg,

    Kindly show us your website URL

    Regards,
    Ashish

    #22920

    Greg
    Member
    • Topics: 7
    • Replies: 21
    • Total: 28
    Member since: February 7, 2016

    Hi Ashish

    http://www.roamindonesia.com

    Regards,
    Greg

    #22922

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18290
    • Total: 18290
    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

    Greg
    Member
    • Topics: 7
    • Replies: 21
    • Total: 28
    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

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6471
    • Total: 6473
    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

    Greg
    Member
    • Topics: 7
    • Replies: 21
    • Total: 28
    Member since: February 7, 2016

    Thanks for your help, working now.

    Regards,
    Greg

    #23074

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6471
    • Total: 6473
    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.