Blendit – Tablet Responsive Width & Footer Issues

Home Forums Blendit Theme Support Blendit – Tablet Responsive Width & Footer Issues

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #102790
    info1330
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: June 10, 2018

    Hi,
    My website is http://www.copperhazeproductions.com.au

    My site looks fine on desktop or any mobile phone, however, the width settings for tablet don’t appear to be correct and I’m not sure how to change them. It’s not my Beaver Builder content but the actual tablet page settings I believe.

    What happens, as we you will see, is that the site sits right on the edge of the screen to the left (left-aligned even though it isn’t) and the footer on pages other than the homepage does not stretch to the full width of the screen.
    I have tested this on an iPad3 and an iPad mini and the site does the same thing.

    On the homepage the entire website hits the sides of the iPad screen with text almost cut off. However, the footer is the full length of the screen but the text moves into 2 rows.

    I would also like to be able to move the header text of the slider down the screen so it sits underneath the white header line on a tablet or mobile (although I realise the mobile has a hamburger menu that might overlap the text).

    Please help me fix the responsive issue as I need the site to be officially live as soon as possible.

    Thank you in advance,

    Stacey

    #102793
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6786
    • Total: 6794
    Member since: June 12, 2013

    Hi Stacey,

    Kindly upload screenshots in imgur.com and share their URLs here on the support forum.

    Will check and try to resolve this.

    Regards,
    Shri

    #102813
    info1330
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: June 10, 2018

    Sorry, I don’t want to join up to that. I hope you can view the links this way.

    Screenshot 1
    Screenshot 2
    Screenshot 3
    screenshot 4

    I hope this is ok.

    Thank you

    #102844
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25308
    • Total: 25308
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (min-width:1024px) and (max-width:1169px) {
    .header .header-inner .logo { width:55%;}
    .header .header-inner { padding:0 15px; box-sizing:border-box;}
    #menu-header-menu li a, .copyright { font-size:15px;}
    .content-area { width:100%;}
    }

    Regards,
    Chris

    #102856
    info1330
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: June 10, 2018

    Thank you

    #102857
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25308
    • Total: 25308
    Member since: August 16, 2013

    Hi,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/17/

    Regards,
    Chris

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