make my homepage responsive

[ylbdigital]

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

http://spaprivateluxury.fr/

[Sonnal S Sinha]

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

[ylbdigital]

Hello,

https://imgur.com/a/RSKpM2E

The homepage is not optimized for mobile…

Thanks for the help!

[Sonnal S Sinha]

Hi,

We checked, this is optimized for mobile device.

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

Regards,
Chris

[ylbdigital]

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

[Sonnal S Sinha]

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

[ylbdigital]

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…

[Sonnal S Sinha]

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

[ylbdigital]

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

[Sonnal S Sinha]

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

[Sonnal S Sinha]

Hi,

This is done

Regards,
Chris

[Author]

Posts