Home › Forums › ART WordPress Theme › Mobile version doesn't work properly
- This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago by
SeaTheme.
-
AuthorPosts
-
September 6, 2019 at 2:07 pm #19477
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?
September 7, 2019 at 4:23 am #19484Hi,
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=0Yould 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 – FacebookSeptember 9, 2019 at 7:36 am #19525Thanks – 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!
September 9, 2019 at 2:47 pm #19528Hi, welcome!
Could you give more tips? What’s the image you talked about? In Grid?
Regards
September 9, 2019 at 3:21 pm #19529Hi –
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?
September 10, 2019 at 12:29 am #19532Hi,
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
-
AuthorPosts
- You must be logged in to reply to this topic.
