Text on mobile not displaying correctly

  • Posted in : Efor
  • Anonymous
    Inactive

    Hello,

    Can you provide me with a code snippet so that my hero text and button are properly positioned on mobile version? They are overly left justified, and I’m not sure how to change this.

    serkan
    Moderator

    Hi,
    Could you try to use this custom css code, please?

    .elementor-widget-wrap>.elementor-element { text-align: center; }

    Thanks

    Anonymous
    Inactive

    Hello,

    I tried using the custom code, but I prefer the text on desktop to be left justified (not centered). Also, even when it is centered, it still doesn’t look right on mobile.

    Thank you for your help!

    serkan
    Moderator

    Hi,
    Please edit the homepage with elementor then choose the related section and you can set up the padding and margin there. I can provide you css code but it is better to fix it on elementor.
    Thanks

    Anonymous
    Inactive

    Hello,

    I have tried everything to update margin and padding, but the text is still not displaying properly on mobile. Is there another CSS code I can try? Thank you very much!

    serkan
    Moderator

    Hi,
    The last url which you shared is not opening because its backend url not frontend, i need admin details but first of all, i would recommend you to try this custom css code;

    @media screen and (max-width: 767px) { .elementor-widget-wrap>.elementor-element {
        padding-left: 0 !important; padding-bottom: 10px !important; } }

    If you still have the issue, provide me your wp admin details via our private content box below.
    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register