• My pages look good on desktop, but on mobile, the header I designed shows the text displaying vertically and only a zoomed in portion of the image background… I tried to edit it on the mobile editor, but I can’t figure out how to get the text horizontal again… the rest of the page looks fine on mobile, but is there some way to just shrink the header or something?

    http://staceyneglia.com/skills

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Add this to your style.css:

    .elementor-11 .elementor-element.elementor-element-43d95df .elementor-heading-title {display: inline-block;}

    Thread Starter ireland381

    (@ireland381)

    Thanks… sorry, I should have mentioned I’m a beginner with this, I’ve never really messed with code… do I need Elementor Pro for that, I’m guessing? Is there no other way to do it?

    If you get to the area where you edit that text there might be a place where you can paste css code.

    Thread Starter ireland381

    (@ireland381)

    Well I upgraded to Elementor pro, but adding the code to the custom CSS section did not work. But was that code for that specific header? I “fixed” those by using a template that was already responsive and editing it… but if I put in new sections, it continues to happen. So I tried it on the section on my homepage, but it didn’t work.

    If this is going to happen with every text box I put in, I need to know how to fix it more generally.

    Is there any way to explain why it’s doing that?

    you’d have to talk to elementor support to find out why it does that.

    You can also try .elementor-heading-title {display: inline-block;}

    That is less specific and will work for the heading title.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Text displaying vertically in mobile mode’ is closed to new replies.