Site logo

Archived topic

Edit responsive

7 replies · Started by inma_b_p on March 31, 2016

Viewing posts 1–8 of 8

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

Hi there,

What are you wanting to do to it?

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

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/

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

Can you link me to your site?

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;
    }
}
This archived topic is closed to new replies.