Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 17, 2024 at 4:39 pm #1469321
    carlopal

    Good morning

    I would like to change (only for mobile view, without making any changes in desktop view) the font size for:

    • main menu links
    • page titles

    Can you provide me with some css to do this? Thanks a lot

    • This topic was modified 1 month, 1 week ago by carlopal.
    • This topic was modified 1 month, 1 week ago by carlopal.
    October 17, 2024 at 7:30 pm #1469336
    Rikard

    Hey carlopal,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    October 17, 2024 at 8:16 pm #1469339
    carlopal

    Thanks for the reply, my website is: aeclanumviaggi.it
    In the meantime I acted on THEME OPTIONS / ADVANCED STYLE, and it works for the main menu items.
    I would just like to understand how to change the page titles (only on mobile view)

    October 18, 2024 at 5:37 am #1469361
    Ismael

    Hi,

    Thank you for the update.

    how to change the page titles (only on mobile view)

    Are you referring to the Special Heading element? Please edit the element and adjust the settings under Styling > Font Sizes > Heading Font Sizes. You can toggle the device icons to change the font size for different screen sizes.

    Best regards,
    Ismael

    October 18, 2024 at 9:09 am #1469368
    carlopal

    Thanks Ismael, but I can’t find the path you indicated.
    First of all, on my theme I have two buttons to change the style: GENERAL STYLEGENERAL STYLE and ADVANCED STYLE ADVANCED STYLE
    where exactly should I act?
    Please note that I don’t want to change the desktop view, just the mobile view

    • This reply was modified 1 month ago by carlopal.
    October 18, 2024 at 9:23 am #1469370
    carlopal

    I can add this: before writing on this Forum, I had tried adding this ccs

    .av-special-heading-tag h4,h6 {
    font-size: 55px!important;
}

    It works, but for all views: while I only want to change the mobile view

    October 19, 2024 at 3:07 pm #1469444
    Mike

    Hi,
    Please see Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings and set the font size for “small” & “very small”
    Screen Shot 2024 10 19 at 9.05.06 AM

    Best regards,
    Mike

    October 19, 2024 at 6:33 pm #1469460
    carlopal

    Thanks Mike, but unfortunately it doesn’t seem to be working
    I went to the position you indicated and put the lowest possible value (8 px)
    h4
    Looking from 3 different mobile phones (and, of course, from the Google Chrome Developers Panel, simulating the responsive view), I don’t see any differences in the title of the pages

    October 19, 2024 at 9:19 pm #1469467
    Mike

    Hi,
    Did you remove the css above:

    .av-special-heading-tag h4,h6 {
    font-size: 55px!important;
}

    I don’t see a link to your site, please provide and tell us which title you are looking at that is an H4.

    Best regards,
    Mike

    October 20, 2024 at 9:37 am #1469494
    carlopal

    In order to your requests: yes, of course I immediately removed the additional css that I had tested, when I saw that it also had an effect on the desktop view.
    My website address is: https://www.aeclanumviaggi.it/
    Some page titles (for example, this one: https://www.aeclanumviaggi.it/la-nostra-agenzia/) are in h6; others (for example, this one: https://www.aeclanumviaggi.it/go-world-emporium/) are in h4
    Thanks again Mike

    October 20, 2024 at 1:08 pm #1469505
    Mike

    Hi,

    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

    @media only screen and (max-width: 479px) { 
#top #wrap_all #main h4.av-special-heading-tag,#top #wrap_all #main h6.av-special-heading-tag {
    font-size: 8px;
}
}

    adjust the font size to suit

    Best regards,
    Mike

    October 20, 2024 at 2:09 pm #1469509
    carlopal

    Fantastic, this works perfectly!
    Thank you very much Mike, and of course thanks also to the other moderators who responded to me

    October 20, 2024 at 2:13 pm #1469511
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Personalize some fonts on mobile view’ is closed to new replies.