h1 mobile custom css

Home Forums Jevelin Theme h1 mobile custom css

Home Forums Jevelin Theme h1 mobile custom css

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • Dear Support Team,

    For Desktop and Tablet my text sizes for Headlines (h1) fitting perfectly but on mobile view the Headlines are too big – how can I set custom css text size for headlines h1 for mobile only?

     

    Thanks and best regrads

    Ulf

     

    Hi Ulf,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 600px){
    .sh-titlebar .titlebar-title h1,
    #page-container .post-title h1 {
        font-size: 20px;
    }
    
    }

     

    Please change the font size 20px in the above code for mobile screen to whatever you want.

     

    Best regards,
    Shufflehound team

    Dear Support Team,

    I integrated the code but no changes appear on my mobil phone at all. I also tried a responsive simulator even these online tools mostly does not show the best results. I set the text size to 10px for testing but no luck ;(

    This is my page:  http://selbsteinwechslung.de/language/en/en/

    (Password: GünterNetzer)

     

    All the best

    Ulf

     

    It is not working on your site because your site contains following invalid custom CSS code.

     

    .sh-timeline-box{ padding-left:5px;}}
    
    @media (max-width: 600px){.sh-titlebar .titlebar-title h1,#page-container .post-title h1 { font-size: 20px;}
    
    table td, { border: 0px solid #ffffff !important;}

     

     

    So please either correct the above custom CSS code or add the provided code at the top of your custom CSS theme option.

    Thanks. You can close this ticket.

    You are most welcome here 🙂

Viewing 6 posts - 1 through 6 (of 6 total)