Archived topic

Not Wrapping on Mobile

5 replies · Started by gedosan on January 25, 2020

Viewing posts 1–6 of 6

January 25, 2020 at 6:54 am #1143725

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

January 25, 2020 at 7:02 am #1143736

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;
    }
}

January 25, 2020 at 7:06 am #1143744

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

January 25, 2020 at 7:23 am #1143767

Updated CSS above

January 25, 2020 at 9:18 am #1143859

Cheers

January 25, 2020 at 10:17 am #1143905

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.