Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1327262
    gregorylmartin
    Participant

    My website is Landscapelightingpros.com

    For some reason, on mobile the h1 text goes off the screen to the right. I want the text to be all on one line on desktop and it’s fine if it stacks on mobile. I’ve tried changing the max width, but that makes my header not all on one line on desktop.

    Any help would be greatly appreciated!

    #1327497
    Rupok
    Member

    Hi there,

    Thanks for writing in! It would be better if you use responsive Text. You can create responsive headline from Cornerstone settings tab.

    You can also control with media query by adding this under Custom > CSS in the Customizer.:

    @media only screen and (max-width: 767px) {
    .home #x-section-1 .h-custom-headline {
      font-size: 250%;
    }
    }

    Cheers!

    #1333896
    gregorylmartin
    Participant

    Thanks so much, that worked!

    #1333961
    Joao
    Moderator

    Glad to hear it 🙂

    Joao

  • <script> jQuery(function($){ $("#no-reply-1327262 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>