Mobile width settings

[Frank]

Hi,

One more question please for the Reiki theme. It’s about setting the right width for mobile devices. Right now it fit the screen but if you swipe to the left there is still space left. This looks very messy, especially with my floating widgets. Is there a code i can paste in CSS so it loads in nice and tight?

https://frankheininga.nl

Your help is much appreciated

Thanks,
Frank

[Frank]

frankheininga.nl

[Sonal S Sinha]

Hi,

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

@media screen and (min-width:480px) and (max-width:767px) {
body.home.site_boxed .header_wrap.layer_wrapper, .site_boxed .layer_wrapper, body.home.site_boxed #slidera { width:100% !important; margin:0 !important;}
}

Regards,
Dave

[Frank]

Hi, it’s not working as i expected. The mobile version still is not ‘tight’, of completely filled. There is still room left when you swipe the screen to the left. I my case about 6 to 7 millimeter om my mobile screen.

Please advice.

[Sonal 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,
Dave

[Frank]

https://imgur.com/gallery/Af41O17

This is an example when I already swiped to the left. The goal is that there should be no space at all.

Regards,
Frank

[Sonal S Sinha]

Hi,

Kindly use this one:

@media screen and (max-width:767px) {
.skt-builder-home-section1-block .skt-builder-columns-row { margin-left:0 !important; margin-right:0 !important;}
}

Regards,
Dave

[Frank]

Wauw! Yes, it’s working. Many gratitude for your support 🙂

[Sonal S Sinha]

🙂

[Author]

Posts