Move category description to right in mobile view


(Fellowship Forums) #1

Hello,

On desktop, the first few lines of text on the ‘about this category’ show to the right of the category image:

But on Mobile, the text shows below the image. Is there a way to move the text to the right of the image, as follows?

Thanks!!!


#2

Try this out:

.category-heading {
    .category-logo {
        display: inline-block;
    }
    p {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
    }
}

(Fellowship Forums) #3

Thanks @tshenry! A small enhancement, do you know how I could get a bit more white space between the learning objective box and the text?


#4

No problem. For some more breathing room between the logo and text, try adding margin-right: 15px; under the .category-logo block in that code above. You can change 15 to whatever feels right.


(Joshua Rosenfeld) #5

This topic was automatically closed after 2 days. New replies are no longer allowed.