make my homepage responsive

Home Forums All Other Themes make my homepage responsive

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #116318
    ylbdigitalylbdigital
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: November 1, 2018

    hello,
    my homepage slider is not responsive to mobile.
    how can i optimize it?

    http://spaprivateluxury.fr/

    #116341
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Chris

    #116357
    ylbdigitalylbdigital
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: November 1, 2018

    Hello,

    https://imgur.com/a/RSKpM2E

    The homepage is not optimized for mobile…

    Thanks for the help!

    #116362
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    We checked, this is optimized for mobile device.

    Have a look at:
    https://imgur.com/a/UTu0o6T

    Regards,
    Chris

    #116366
    ylbdigitalylbdigital
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: November 1, 2018

    Hi Chris,

    Its not working.
    here are screenshots from my mobile device ( iphone 6s)

    The Slider does not show properly as you can see. and the first section title is very close to the slider which creates a gap in the first section…

    https://imgur.com/a/WxJt09r
    https://imgur.com/a/CwSXiRa

    #116372
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .nivo-caption {
        top: 80%;
        -moz-transform: translateY(-80%);
    	-webkit-transform: translateY(-80%);
    	}
    	
    	.skt-builder-home-section1-block .skt-builder-column { padding:30px 25px !important;}
    	.skt-builder-block-title .skt-builder-block-title-separator { margin-bottom:0 !important;}
    }

    Regards,
    Chris

    #116377
    ylbdigitalylbdigital
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: November 1, 2018

    Hi Chris,

    Thank you, Pefect now it is working.

    Will it be optimized on all different mobile phone screens? (iphone 6s/7/8/X/Samsung etc…)
    Is it possible to put the slider in full width? or a bit larger?

    I have few problems still please see attached:
    https://imgur.com/a/0GQkoyq : the item is very close to the picture
    https://imgur.com/a/IgfPGIe: the button is not centered.

    How can i make all these changes with builder? I dont want to bother you much and im pretty sure i will be having many modifications to make…

    #116432
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .centerBlockimage { top:0 !important; margin-top:40px;}
    }

    the button is not centered?

    Ans: We checked, the button is already centered.

    Regards,
    Chris

    #116500
    ylbdigitalylbdigital
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: November 1, 2018

    Hi chris,

    Im really sorry to bother you again but something is going wrong with the mobile screening.

    When i added the last CSS code you gave me, the slider is back to its original problem with the title and text hidden as you can see in the screenshot.

    1.How to solve this problem? (https://imgur.com/a/gyj1Z1K)
    2. how to make my header slider full width or larger than it is on mobile phone?
    4. the button in the last section is touching the bottom. please check screenshot (https://imgur.com/a/XqBFPio)

    Thanks for the help

    #116601
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected] Please mention this forum URL while replying so that we understand what needs to be done.

    Regards,
    Chris

    #116761
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    This is done

    Regards,
    Chris

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