Navigation
Archive / Heading titles sizes on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 10, 2016 at 1:52 am #1168992
    Matthieu
    Participant

    Hey there,
    I like very much the titles sizes on my laptop screen but find them way to big when viewed on mobile/tablet. Is there a way to selectively choose sizes depending on the screen size they will be viewed ?

    September 10, 2016 at 3:38 am #1169069
    Rad
    Moderator

    Hi there,

    Thanks for posting in.

    Yes, it’s possible with @media block. Example,

    @media ( max-width: 767px ) {

h1, .h1 {
font-size: 20px;
}

}

    But I’m not sure which text you’re referring. Would you mind providing your site’s URL that has this title?

    Thanks!

    September 10, 2016 at 8:45 am #1169237
    Matthieu
    Participant

    That’s exactly what I was searching for !
    Following this, I’m working on the whole styles and there is something odd when I try to set sizes for the entry title property (I’m outside of the @media ( max-width: 767px ) {} block.

    I typed :

    
entry-title {
font-size: 60x !important;
margin-bottom: 10px;
margin-top: 0px;
}

    It doesn’t pu my entry title to 60px. Do you know why ?

    September 10, 2016 at 8:46 am #1169240
    Matthieu
    Participant
    This reply has been marked as private.
    September 10, 2016 at 8:52 am #1169252
    Thai
    Moderator

    Hi There,

    You missed the dot(.), please try with this:

    .entry-title {
font-size: 60x !important;
margin-bottom: 10px;
margin-top: 0px;
}

    Regards!

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