Home Forums Art WordPress Theme Mobile version doesn't work properly

This topic contains 5 replies, has 2 voices, and was last updated by  SeaTheme 1 week, 1 day ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #19477

    HesseldeRonde
    Participant
    Purchased
    Supported

    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?

    #19484

    SeaTheme
    Keymaster
    Purchased
    Supported

    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.netTwitterFacebook

    #19525

    HesseldeRonde
    Participant
    Purchased
    Supported

    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!

    #19528

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi, welcome!

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

    Regards

    #19529

    HesseldeRonde
    Participant
    Purchased
    Supported

    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?

    #19532

    SeaTheme
    Keymaster
    Purchased
    Supported

    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://www.uiueux.com/forums/topic/how-to-find-wordpress-postpage-id/

    Regards

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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!