Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 :-)

    #1493987

    Hey Ad-Min747,

    Did you check the options under Enfold->General Styling->Typography?

    Best regards,
    Rikard

    #1493993

    Hi,
    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

    #1494012

    Hi,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    #1494070

    HI Rikard,
    for a reason that i do not know my previous answer hasn’t been sent to you.

    See hereunder

    #1494087

    Hi,

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.