Archived topic

Modify Post Margin Height on Mobile

3 replies · Started by Andres on July 21, 2020

Viewing posts 1–4 of 4

July 21, 2020 at 7:24 am #1370790

Hello,

I'm using the CSS below to set the left, right, and top margins on posts. On mobile, it's setting the top margin to 80px.

.single .container.grid-container {
    max-width: 950px;
    margin-top: 80px;
}

To set the top margin in mobile, would the following CSS work (X = px value)?

@media (max-width: 768px) {
    .single .container.grid-container {
    margin-top: Xpx;
    }

}

Thank you very much, and have a good day.

Cheers!

Andrés

July 21, 2020 at 7:55 am #1370952

Hi there,

that should work fine. Make sure the Mobile CSS comes after the desktop CSS.

July 21, 2020 at 9:19 am #1371060

Hi David,

Thanks! Will do.

Have a good day.

Andrés

July 22, 2020 at 12:34 am #1371756

Glad we could be of help

This archived topic is closed to new replies.