Navigation
Archive / Top Banner Not Mobile Responsive
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 12, 2017 at 9:11 am #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!

    January 12, 2017 at 12:01 pm #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!

    January 17, 2017 at 1:00 pm #1333896
    gregorylmartin
    Participant

    Thanks so much, that worked!

    January 17, 2017 at 1:38 pm #1333961
    Joao
    Moderator

    Glad to hear it 🙂

    Joao

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