Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2019 at 11:42 am #1073063
    vincentsalin

    Hi,
    I would like to change my h1 font-size (to 30px) with a specific breakpoint (1024px).
    h1 is set on “advanced styles” with a 40px font-size, and has 30px size for 989px screen and less.
    I tried by adding this custom css, but doesn’t work :

    @media only screen and (max-width: 1024px) {
    .h1 {
    font-size: 30px !important;
    }}

    More generally, is it possible to change the 989px breakpoint to a 1024px breakpoint? It could be a great feature, because of all those tablets that are 1024/2048px (retina) displays.

    Thanks

    March 1, 2019 at 11:53 am #1073076
    Yigit

    Hey,

    Please use code as following 

    @media only screen and (max-width: 1024px) { 
#top #wrap_all h1 { font-size: 30px !important; }}

    and make sure to flush cache. If that still does not help, please create temporary admin logins and post them here privately so we can look into it.

    Regards,
    Yigit

    March 5, 2019 at 3:50 pm #1074927
    vincentsalin

    It works like a charm! Thank you very much!

    March 5, 2019 at 9:01 pm #1075069
    Yigit

    Hi,

    Glad we could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Force h1 size with a specific breakpoints’ is closed to new replies.