Navigation
Archive / Header Size Reduced for Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 2, 2017 at 6:49 pm #1356034
    bluetroop2
    Participant

    Home

    Hi X Team,

    Please view this web-site I built in X Theme. The business owner noticed that when the site reduces down to mobile screens (tablet and phone), the header portion (primarily the logo) still takes up a lot of real estate on the screen. Is there code I could implement (for mobile screens) to reduce the size of the header area?

    Thank you in advance.

    February 2, 2017 at 11:58 pm #1356336
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    
@media (max-width:  767px) {
	.x-brand img {max-width: 50%;}
}

    Feel free to adjust the 50% value where you see it fits.

    Cheers!

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