Mobile version doesn't work properly

[HesseldeRonde]

Hi – my website http://www.hesselderonde.com looks nice on desktop but when viewed on mobile phone, the spacings between items and sizes get all messed up. How to resolve this?

[SeaTheme]

Hi,

Please edit each module(like Grid, Text, Single image), you could set the top/bottom spacing for mobile:
https://www.dropbox.com/s/7hy7etrv8af54hn/QQ20190906-EX_VID_20190906_150200.mp4?dl=0

Yould could set the title siez in Grid for mobile: https://www.dropbox.com/s/7hy7etrv8af54hn/QQ20190906-EX_VID_20190906_150200.mp4?dl=0

Please set the Mobile font size for global elements( like menu, post title) in BM Font management: https://www.dropbox.com/s/o0bed32kaig4vbw/qq20190907-121904.jpg?dl=0

Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook

[HesseldeRonde]

Thanks – can’t believe I hadn’t figured that out yet.

Another question in regards to the mobile version: can I do something about the image size? Is there a way to let the images be cropped differently here – maybe with additional coding? Any advice would be much appreciated.

thanks!

[SeaTheme]

Hi, welcome!

Could you give more tips? What’s the image you talked about? In Grid?

Regards

[HesseldeRonde]

Hi –

So basically, all the images on the homepage I would love to see bigger. So instead of seeing the image in its full width, I would love to see the images become cropped and end up in different dimensions that are more square, rather than the wide horizontal images you see on the desktop version. I could attach an example image to make it more clear, is this possible?

[SeaTheme]

Hi,

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

@media (max-width: 768px) and (orientation: portrait) {
 .post-446 .single-image-full .ux-hover-wrap { 
    padding-top: 60%!important;
 }
.post-446 .single-image-full .single-image-img {
       object-fit: cover;
 }
}

You could adjust the 60% to change the ratio.
The 446 is page ID, it means the CSS will affect this page only.
How to find page/post id? https://seatheme.net/forums/topic/how-to-find-wordpress-postpage-id/

Regards

[Author]

Posts