Inconsistent Dynamic page format

Ask the community
1

Hi Community,

I am really struggling with the something that I’m hoping someone can help me with. I have a dynamic news page which is the same format for all news articles. I have set the format as I want it for mobile but on some articles the format is completely wrong and others it works as I set it to.
The main problem seems to be in mobile resolution 320-500px where some articles don’t seem to fit the width of the screen. It doesn’t make sense though since some articles fit perfectly as I have configured them.

I hope that is making sense and that someone can help me.

Many thanks
Chris

2

Can you share a URL and reference to the live page?

3

Sounds very odd… can you share link to the dynamic page or some screen shots so we can better understand the problem?

4

Thanks for the quick replies. SO here is ne that is formatted correctly. Everything fits on the screen at 360px.

And now here is one that doesnt seem to work at the same resolution -

565×542 51.7 KB

5

Make sure your containers and item containers in the repeater are at 100% or less. Do not use PX at this point. There are so many different screens, resolutions and etc that you will keep it safe with a percentage width.

Also make sure ALL the elements inside the repeaters are using percentage as well. Sometimes there is one thing that throws it all off.

Finally, make sure your grid with is 100% or 1Fr.

6

Make sure that you don’t have element that is bigger then the screen width. it’s looks like the title is bigger the the screen width.
Also note that when you set an element to be 100% with (for example) and you also have some margin it actually makes the element bigger from 100% (margin size + element width)

7

Thank you. I have set everything to 100% and the grid width is 1fr but i still have the problem. It is only the case with some of the articles. it looks like this…

8

Additionally, look for negative Margins with all the elements.

9

Just that one? May retype the name and other text to make sure you don’t have any formatting in name. Rare, but it has happened.

10

@teejay OK thank you. I have tried everything else and no luck so I will try editing the actual text then.

11

@teejay Yes you solved it!! I just found in one of the ones that wasn’t working there was a URL that was quite long that I have removed from the text and then everything has resized. I’m sure all the others are the same.

Thank you so much :slight_smile: