Topic: Mobile version doesn't work properly « SeaTheme

This topic has 5 replies, 2 voices, and was last updated 7 years, 1 month ago by SeaTheme.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 6, 2019 at 2:07 pm #19477

HesseldeRonde
Participant

Purchased
Expired

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?

WordPress Customization Service from $49 Only! Save your expensive time!

September 7, 2019 at 4:23 am #19484

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

September 9, 2019 at 7:36 am #19525

HesseldeRonde
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

September 9, 2019 at 2:47 pm #19528

SeaTheme
Keymaster

Purchased
Expired

Hi, welcome!

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

Regards

WordPress Customization Service from $49 Only! Save your expensive time!

September 9, 2019 at 3:21 pm #19529

HesseldeRonde
Participant

Purchased
Expired

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?

WordPress Customization Service from $49 Only! Save your expensive time!

September 10, 2019 at 12:29 am #19532
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.