Help to make responsive headings

  • I created a page with a couple of ‘headings’ at the top that I didn’t want to go all the way to the edge of the screen. The only way I could work out how to do this was to give them really wide margins (like 250px) Left and Right. Now it looks quite good on my desktop but as soon as I look at it on a small screen all I see is one letter per line and about 100 lines long! I understand that this is happening because both margins squeeze in and I know there must be a correct way to do it but I’ve got no idea how. I’ve played around with buttons (see the green one at the top) but it was pretty limited in it’s scope. Can anyone steer me in the right direction? Thanks

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

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

  • Hi windspeed,
    not sure how this works in the elementor page builder but normally in CSS you can achieve it like this. Set a maximum width in CSS for the element and set the margin left and margin right to auto to center the element.

    Thread Starter windspeed

    (@windspeed)

    Hello,
    This is exactly how I would have done it in the old days with Dreamweaver so I’ll give it a shot. I’m not sure how or where to see and edit CSS in WP, all I can see is visual WYSISYG so that will be tonights investigation. Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help to make responsive headings’ is closed to new replies.