Home Forums Weaver II Theme Something wrong with my mobile paragraph spacing

This topic contains 5 replies, has 3 voices, and was last updated by  Weaver 7 months, 3 weeks ago.

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

    Hi!

    I need some help.

    My paragraphs spacing looks right on desktop, but looks too close when viewed on mobile.

     

    Here’s the screenshot on mobile

    page on mobile

     

    Here’s the screenshot on desktop

    page on desktop

     

    Here’s the page :

    http://www.singaporeanlifestyle.com/traditional-chinese-weddings/

     

    It looks like I need double paragraph spacing for the mobile view, but if i were to do that, then the desktop version will look weird…

     

    How do I fix it?

    Thank you so much!!

     

     

     

    #54349

    scrambler
    Moderator

    There is a mobile rule that changes the paragraph spacing on mobile to maximize space.

    Add the rule below to the theme Global Custom CSS Rule box with the value you want

    @media only screen and (max-width:640px) and (orientation:landscape){
    .entry-content p,.entry-summary p{margin-bottom:1em!important;}
    }

    #54350

    Thanks! This promising, but it doesnt seem to work for me. I even tried “20em”

    I thought maybe the comma and dot needs a space between “p” and “.entry-summary”, but adding a space doesn’t seem to work too. Please help take a look one more time!

     

    Thanks!!

    #54351

    OK update. it is the “orientation:landscape)”, nothing to do with commas and exclamation marks

    so now I just have these :

    @media only screen and (max-width:640px) {
    .entry-content p,.entry-summary p{margin-bottom:1em!important;}
    }

     

    I really tried taking out components by components to see if it works. OK, now its fine now.

    Just a Final quick question, “max-width:640px” means the device will using a resolution smaller than 640 ? THANKS!!!

    #54354

    scrambler
    Moderator

    Yes it means the rule only applies to devices below that resolution.

    @weaver, I did not know there were rules with the 640 threshold, is that a weaver rule ?

    #54357

    Weaver
    Keymaster

    There are no Weaver rules with a 640px threshold. Must be a plugin.

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

You must be logged in to reply to this topic.