CSS for margins in pages

  • Author
    Posts
  • #48445

    isaimoreno
    Member
    Original poster

    Hello, Chandra. I have reduced the size of the margins on the pages of my site with the following line of CSS:

    . page {margin-right:-120px; margin-left:-120px;}

    The desired effect is obtained successfully for a desktop monitor. The problem is that at my blog on mobile devices the text lose the dynamic property and it exceeds the dimensions of the gadget, so I have to move the fingers of the page content to read. I think the html5 and CSS code have any relation. Can you give me a tip on this?

    Greetings.

    The blog I need help with is: isaimoreno.com

    #48583

    maharzan
    Theme Author

    Probably you can apply that only to the desktop?

    . page {margin-right:-120px; margin-left:-120px;}
    @media only screen and (max-width: 767px) {
      margin-right:0px; margin-left:0px;
    }

    Let me know if that helps.

    Thanks,
    Chandra

    #48854

    isaimoreno
    Member
    Original poster

    Chandra, it doesn´t works. In the screen of my desktop it sees all right but en my cel phone I loss information of the screen and the Menu desappears. Thanks.

    #48855

    maharzan
    Theme Author

    Hi isaimoreno,

    The menu is on the top on the mobile. Thats how it is designed. If we have a fixed menu on the side as in the desktop, it will occupy much space and the readable section will be very small.

    Thanks,
    Chandra

The topic ‘CSS for margins in pages’ is closed to new replies.