Streaming live at 10am (PST)

Formatting issue on Chrome and Safari on mobile


#1

For some reason, an element on one of my landing pages displays correctly in the Webflow designer but does not display correctly in live view on a mobile device using either Chrome or Safari.

Website (read-only link): https://preview.webflow.com/preview/pelican-sun-flex?preview=b6d415887ce7c02abdd311cf60d33822

Landing page: Home Window Cleaning

Display Port: Mobile Landscape and Portrait

Section: content block

Element: fancy list item

Screen shots:



Uploading...


#2

Hey @mark1 thank you so much for the detailed post!

Could you try making the following style change to your "Fancy list item" element for the Landscape viewport (should translate down to mobile as well)


#3

Hi @Waldo , I made those 3 changes but that doesn't seem to fix it. It's still displaying the same as the screen shots in live browsers. And that's with cache refreshed.


#4

Hey @mark1 I just noticed that you have some custom CSS in your site for the "Fancy list" elements, can you please delete that? Then, could you please try the following flexbox styles on your "fancy list" element?


#5

@Waldo, yes, that resolved my issue. Thanks so much for your incredible support!!!


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.