Move category description to right in mobile view


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?


Try this out:

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

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?

1 Like

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.


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