Shop Categories

X

TITLE SIZES ON MOBILE DEVICES

Home Forums Agama Pro TITLE SIZES ON MOBILE DEVICES

Topic Resolution: Resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #27614
    petra
    Participant

    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

    #27615
    Zex
    Moderator

    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, 3 months ago by Zex.
    #27617
    petra
    Participant

    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

    #27620
    Zex
    Moderator

    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, 3 months ago by Zex.
    #27623
    petra
    Participant

    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

    #27625
    Zex
    Moderator

    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;
      }
    }
    #27626
    petra
    Participant

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.