[Resolved] Mobile View Sections

[johnzoro]

yeah i keep adjusting the css cos of my table debarcle, but i’m sure i’ve sorted that now

i’ve got the gaps between positives and negatives working now but is there a way to add a little padding at the top of the positives and negatives bit on mobile view

[Leo]

Can you provide a link to your site again? Thanks!

[johnzoro]

Greatest Reviews

[Leo]

Change this CSS you’ve added:

@media (max-width: 768px) {
    h2 {
        font-size: 25px;
    }
}

To this:

@media (max-width: 768px) {
    h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

[johnzoro]

err how do i do that? can i just add some to custom css?

[Leo]

Yup that should work.

[johnzoro]

can i do it just for positives and negatives

[johnzoro]

@media (min-width:769px) {
    .pro h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

Would this work?

[Leo]

This would do both:

@media (min-width:769px) {
    .pro h2,
    .con h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

[johnzoro]

It doesn’t seem to have changed it on mobile view and it has just made the h2 tags on desktop view smaller

[johnzoro]

it seems to have changed the desktop pros and cons instead of the mobile ones

[Tom]

Try this instead:

@media (max-width:768px) {
    .pro h2,
    .con h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

[johnzoro]

that did it tom!

[Tom]

Awesome 🙂

[Author]

Posts