Tagged: Responsive Text
-
AuthorPosts
-
January 15, 2026 at 2:49 pm #1493977
Hi,
I hope you are fine.I have a responsive issue: Text in 64px not fully responsive on Mobile which make 2 titles to large on my mobile. When I simulate it on my PC Browser, it’s fine, but it brakes on my mobile.
Other responsive issue is the menu: when I decrease the width of my PC windows (on Edge), the menu is overlapping the logo before switching to burger mobile menu, thus not being fully responsive.
Any idea?
Thanks folks
An Enfold lover :-)
January 15, 2026 at 6:07 pm #1493987Hey Ad-Min747,
Did you check the options under Enfold->General Styling->Typography?
Best regards,
RikardJanuary 15, 2026 at 8:16 pm #1493993Hi,
I’ve just tried to pu 15px, but no difference.
I then went to advanced styling and put 15x, the effect was that the padding has been reduced.Shall I delete the advanced styling criteria?
PS: is that the same with the menu width issue?
Best R
January 16, 2026 at 8:25 am #1494012Hi,
Could you post a link to where we can see the element in question please?
Best regards,
RikardJanuary 19, 2026 at 4:42 pm #1494070HI Rikard,
for a reason that i do not know my previous answer hasn’t been sent to you.See hereunder
January 20, 2026 at 5:58 am #1494087Hi,
Thank you for the update.
Are you referring to the h1 in the Text Block element? The font size is added as an inline style, so you’ll need to remove it or override it with custom css.
<span style="font-family: montserrat, sans-serif; font-size: 64px;">Passerelles et Compétences</span>Example:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ section.av_textblock_section.av-mfe046ge-53ca3090203dd5a03e44d0f3d1765a66 .avia_textblock h1 span { font-size: 42px !important; } }Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.
