Edit responsive

[inma_b_p]

Hello everybody

Do you know how I can modify the movile view.

Is it any option that I couldn’t found or I need a plugin

Thanks in advance

Lada

[Tom]

Hi there,

What are you wanting to do to it?

[inma_b_p]

Hi Tom

I want to watch the page in the movile without the lateral margins and display the pictures in the left of the text, not centered in the main page, as in the desktop version.

Is it possible?

Thanks for your help

[Tom]

I’m not sure what you mean by lateral margins?

For the images, try this CSS:

@media (max-width: 768px) {
    .alignleft {
        float: left;
        margin-right: 10px;
    }
    .alignright {
        float: right;
        margin-left: 10px;
    }
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[inma_b_p]

Hi Tom

It does not work.
Is in the mobile version, in vertical, when the blog display so narrow.

Can you help me?

Thanks in advance

LAda

[Tom]

Can you link me to your site?

[inma_b_p]

Hello Tom

My website is http://www.elcucharonverde.com

Thanks

LAda

[Tom]

Ah, you’ll want to use this CSS:

@media (max-width: 768px) {
    .one-container .site-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .post-image-aligned-left .post-image {
        margin-right: 2em !important;
        float: left !important;
    }
}

[Author]

Posts