Okay
  Public Ticket #1586766
Page header title
Closed

Comments

  • antongrigore started the conversation

    Hi,

    I wrote something in the Page heading title section and on mobile, as you can observe, it is not responsive, it's out of the screen. You can see the issue at: https://www.grig.online/confidentialitate .


    Thank you,

    Anton

  •  3,068
    Andrew replied

    Hi Anton,

    Could you make sure you have not added a font size option to salient \ typography - navigation and page header - page heading font. Ensure those setting stay default because the font it to big right now.

    Cheers.

  • antongrigore replied

    I didn't have this problem until a few days ago. What would be the default size for that, please?


    All the best.

  •  3,068
    Andrew replied

    Hi Anton,

    The default size is 35.1px on mobile view and 54px on desktop view.

    The default sizes should be okay and you do not really need to change them up.
    Cheers.

  • antongrigore replied

    Thank you for your help. I can't see the field for desktop font size. :( I had to change the font size for mobile and desktop as well. All the best!

  • antongrigore replied

    Andrew, 

    Please help me with this situation. I want my post titles to be 60px. If I do that, on mobile everything would be fine - except for those page heading titles (once again: https://www.grig.online/confidentialitate), huuuuuuuuuuuuuuuuuuuge. Can you help me with that, please?

  •  3,068
    Andrew replied

    Hey there,

    Thanks for reaching in,

    You could try mobile media queries. 

    @media only screen and (max-width: 690px) {
    .section-title h1 { font-size: 18px; }
    }
    

    Hope this helps,

    Regards

  • antongrigore replied

    Sorry, Andrew, but it doesn't work. The cache was deleted, of course.  This is the last time I bother you, it seems like you can't help me anyway, that's fine. All the best.

    Thanks

  •  3,068
    Andrew replied

    Hi antongrigore,

    Okay to give clarity to this, if you want to the post titles only to go to font size 60px then use this CSS:

    body.single.single-post .section-title h1.entry-title{
        font-size:60px;
    }
    

    This will affect only post titles and leave page titles as they are right now. The page titles by the way right now are set to 60px.

    You have a minification plugin on your site and the combined minified CSS file might be cached and the effects might not take effect.

    Hope this clears things up and if not then clarify with a little bit more specifics.