Docs

[ignaciosantiago]

Hi,

Is it possible to hide content in mobile? Let me explain. I have, for example, a 3 column in https://frenchiemania.com/bulldog-frances, with 1 column an icon, another column a rating shortcode and a last column with another icon.

This is very nice from desktop, but in mobile view it shows first an icon, then the rating and the another icon (is doesn´t make sense). I know that cornerstone lets me chosse the view in the “sections”, but not in the “columns”. It is possible to hide the icons from the mobile view?

Thanks

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .page-id-72 #x-section-8 .cs-ta-left,
    .page-id-72 #x-section-8 .cs-ta-right {
        display: none;
    }
}

Hope it helps 🙂

[ignaciosantiago]

Thanks! And what happens when i want to add that section (icons+rating) in every post?

[Thai]

Hi There,

In that case, please update the previous CSS to this:

@media (max-width: 767px){
    .page-id-72 #x-section-8 .cs-ta-left,
    .page-id-72 #x-section-8 .cs-ta-right,
    .single-post .cs-ta-left,
    .single-post .cs-ta-right {
        display: none;
    }
}

Hope it helps 🙂

[ignaciosantiago]

Thanks! And in all pages?

[Thai]

Try this:

@media (max-width: 767px){
    .page .cs-ta-left,
    .page .cs-ta-right,
    .single-post .cs-ta-left,
    .single-post .cs-ta-right {
        display: none;
    }
}

Regards!

[ignaciosantiago]

Thanks again!!

[Thai]

You’re most welcome 🙂

[Author]

Posts