Hi
I don’t undersrand why I have different view between preview and design mode
Can someone can help me please?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
I’m not seeing a Read-Only link or a live site link so it’s going to be hard to diagnose the issue. Can you please reply with those so I can take a peek?
I can’t access the read only link so I am giving a solution based on the images you’ve sent.
For mobile try adding a top padding on the image
For desktop, give the heading a max-width.
This should do.
hey thanks for your answer
here it is:
(link removed)
after many test seem like it come from the class i am. using, coming from lumos framework
Hello @ggdesignstudio, the issue is coming from the combo class u-text-style-main on your fg hero_home_textparagraph class. If you remove that combo class then your overflow issue goes away. I understand that you have the combo class for a reason, but the styles on the combo class have nothing to do with the overflow issue, so I don’t know why this is happening.
I fixed the overflow by just removing the u-text-style-main combo class and added a new combo class with the align justify, so you get the style you want, but without the overflow issue. I hope this helps!
Thanks I arrived to the same conclusion as well. But I thought it was due to another problem I couldn’t figure out.
Thank you
1 Like
Great catch! Removing the u-text-style-main combo class to resolve the overflow issue makes a lot of sense, especially since the styles from that class don’t directly contribute to the problem. Adding a new combo class with the desired alignment is a smart workaround—it keeps the intended style intact while eliminating the overflow. It’s always satisfying when a simple adjustment clears up a frustrating issue like this.
Adding a new combo class with the desired alignment is a smart workaround—it keeps the intended style intact while eliminating the overflow. It’s always satisfying when a simple adjustment clears up a frustrating issue like this.