TITLE SIZES ON MOBILE DEVICES

[petra]

Hello,
my titles 1,2,3 are too big on mobile devices. In some cases they take 2 lines. Could you please help me to change this, only on mobile devices without changing desk sizes?
Thanks in advance
Petra
CigalesGourmandes.fr

[Zex]

Hello, Petra,

Can you be more precise?
What exact titles do you mean?

Can you attach the screenshot with the marked titles you want to set smaller?

PS: Try to insert the following codes into Customizing->General->Additional CSS:

/*Adjust h1  Title size*/
@media screen and (max-width: 600px){
  .fl-rich-text h1 span{
    font-size:4vw!important;
  }    
/*Adjust h2 Articles Title size*/
  .fl-rich-text h2 span{
    font-size:3vw!important;
  }
}

Thanks

• This reply was modified 2 years, 10 months ago by Zex.

[petra]

Thank you so much for the codes, it’s much better like this, the code for pads is 992 perhaps? thanks to confirm.
Also my breadcrumbs are really ugly on mobiles is there any solution ?
Generally, do you have some advise to help me to get a really great mobile version of my site?
Thanks in advance
Petra
CigalesGourmandes.fr

[Zex]

If you want your code to work up to 992 px, in the previous code replace the “max-width” value “600” with “992”.

What do you want to change in the breadcrumb on the mobile view?

I personally like the look of your website on the mobile view. what you doesn’t like about it?

• This reply was modified 2 years, 10 months ago by Zex.

[petra]

I think the breadcrumb is very charged in some articles for example on https://cigalesgourmandes.fr/la-confiture-de-tomates-vertes/ (I am on iphone) the title “conseils pratiques…” appears 2 times

[Zex]

Hi,
Maybe you should hide the left side of the breadcrumb title for the mobile view, using the next code:

@media screen and (max-width: 600px){
    .vision-page-title-captions{
        display:none;
    }
.vision-page-title-secondary{
    top:inherit!important;
  }
}

[petra]

I’ll try it tonight, I’m sure you’re right !In the meantime thank you very very much, it’s always a pleasure to work with you

Have a good day

Petra from Cigalesgourmandes.fr

[Author]

Posts