[Resolved] Not Wrapping on Mobile

[gedosan]

Hi Guys,

Getting a bit frustrated and hoping you can quickly help. I’ve added an ‘Our Pick…’ box to the top of a page to feature a product, but can’t managed to get the text to wrap under the image when I look at it on mobile. I’ve tried everything in CSS, what am I doing wrong?!

Thanks

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {
    .zing-fs-div-image, .zing-fs-div-feature {
        width: 100%;
    }
    .zing-fs-table__ProductName {
        text-align: center;
    }
    .zing-fs-table__button {
        margin-left: auto !important;
    }
}

[gedosan]

Superstar thanks! How do I centre product title and button below text?

[David]

Updated CSS above

[gedosan]

Cheers

[David]

Glad to be of help

[Author]

Posts