Home › Forums › All Other Themes › Mobile width settings
- This topic has 8 replies, 2 voices, and was last updated 3 years, 8 months ago by
Sonnal S Sinha.
-
AuthorPosts
-
March 15, 2020 at 7:56 pm #146949
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,
FrankMarch 15, 2020 at 7:57 pm #146950frankheininga.nl
March 16, 2020 at 5:17 am #146960Hi,
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,
DaveMarch 16, 2020 at 10:19 am #147067Hi, 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.
March 17, 2020 at 4:41 am #147149Hi,
Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.
Regards,
DaveMarch 17, 2020 at 7:49 am #147224https://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,
FrankMarch 17, 2020 at 8:57 am #147234Hi,
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,
DaveMarch 17, 2020 at 9:06 am #147237Wauw! Yes, it’s working. Many gratitude for your support 🙂
March 17, 2020 at 9:11 am #147240🙂
-
AuthorPosts
- You must be logged in to reply to this topic.