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

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


    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 :



    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!!





    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;}


    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!




    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!!!


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

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


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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘ Weaver II Theme’ is closed to new topics and replies.