Okay
  Public Ticket #383526
Page Header Mobile Sizing
Closed

Comments

  • Jake started the conversation

    How can I change the size of page headers and subtitles on mobile devices without affecting the desktop version? The Salient controls only allow me one global setting. Thank you!

  •  8,849
    Tahir replied

    Hey!

    You will likely have to write custom code and then wrap that in the appropriate media query for mobile/tablet . Let me know the page url and what exactly you need so i can write up the custom css.

    Thanks


    ThemeNectar Support Team 

  • Jake replied

    hahnfiltration.rumbledesign.com

    Thanks in advance!

  •  8,849
    Tahir replied

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    @media only screen and (max-width: 690px) {
        .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2, #boxed .swiper-slide .content h2 {
            font-size: 19px!important;
            line-height: 30px!important;
        }
    }
    @media only screen and (max-width: 100px) {
        .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2, #boxed .swiper-slide .content h2 {
            font-size: 22px!important;
            line-height: 30px!important;
        }
    }

    Thanks



    ThemeNectar Support Team