Tagged: , ,

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #808557

    Hi there,

    my heading fonts (h1, h2, h3) change on the mobile version. One of them becomes UPPERCASE, which is not readable, others simply change to a different font.

    Is there a way to fix it?

    Thanks!

    #808632

    Hey whitecouture,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .template-page .entry-content-wrapper h2 {text-transform:none!important}

    Can you please point us specifically to the heading that changes to a different font?

    Thank you!

    Sarah

    #808965

    Hi Sarah, thanks for your quick reply. Sadly, the code doesn’t work.

    Let’s look at our homepage for example > we have the main heading after the first slider Zgodba našega poročnega salona White Couture

    Here, we use the font Great Vibes, which looks great if being lowercase. Sadly, on the smartphone this heading (H2) changes to uppercase for no reason.

    2nd example: on the main page below (at the bottom) we have a big contact form. The title of it is: Pridite na posvet. We use OSWALD font which somehow changes to Great Vibes font on smartphone…

    What else can we do? :)

    #808986

    Hi Sara,
    I have the same problem with Great Vibes Font with desktop: all titles are uppercase and unreadable.
    Can you help me to fix it please?

    Looking forward hearing from you.
    best regards
    M.

    #809225

    Hi M,

    Hmmm…. The code I gave you should have worked. Can you give us temporary admin access to your website so we can take a closer look?

    Best regards,
    Sarah

    #810237

    Hi Sarah..
    yes..

    #810485

    Hi,

    I tried logging in, but unfortunately those login details didn’t work for me. Can you check it please? Thank you!

    Best regards,
    Sarah

    #812436

    Hi Sarah,

    sorry for my late response. Please find the login details below :)

    Cheers!

    #812608

    Hi,

    I`ve checked your site and all looks normal, so, did you clear your cache?

    Best regards,
    John Torvik

    #812916

    Hi John,
    to solve temporary the problem we change the font, but customer want Great Vibes.
    But if you try, the font is uppercase, in desktop and mobile view (both)
    We don’t want’ all uppercase but only the first letter, not all title.
    If we see the preview in “Enfold> General Style>, the font is perfect ( only first letter Uppercase) but it’s all uppecase.

    can you set only first letter uppercase and not all title please?

    Looking forward hearing from you
    best regards
    M

    #813046

    Hi maryenvato,

    Could you switch to the font that you need and we try to adjust it, just specify the elements that need adjusting.

    Best regards,
    Victoria

    #813047

    Hi whitecouture,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
      .template-page .entry-content-wrapper h2 {
        text-transform: capitalize;
      }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #813145

    Perfect, it works! Thanks a lot!!

    #813170

    Hi,

    We`re glad that your problem was solved :)

    Best regards,
    John Torvik

    #820164

    Hi Victoria,
    seems some fonts was fixed, but if you see, there are some titles in uppercase yet… ;(

    Looking forward hearing from you.
    best regards
    Mary

    #820278

    Hi!

    For that link, could you use this code please?

    .template-page .entry-content-wrapper h1,
    .template-page .entry-content-wrapper h2,
    .template-page .entry-content-wrapper h3 {text-transform:none!important}
    

    This is for Zuccherificio, not White Couture. For White Couture, do you still need help with the titles?

    Best regards,
    Sarah

    #820422

    Hi Sarah,
    thanks for your reply.

    This code solve the problem with Title of Icon Box , but not in the Slider…. ;(

    Looking forward hearing from you
    Best regards.
    mary

    #821950

    Hi Mary,

    Could you send us some screenshots of the issue that is still there, that way we won’t be guessing and will be able to help you better. You can upload the screenshots to a service like http://imgur.com/ or Dropbox and give us links here.

    Best regards,
    Victoria

    #822527

    Hi Victoria,
    you can see my image: http://imgur.com/WUfXQFA
    As you see, in the slider the fonts are uppercase yet, while in the body, fonts are fixed ( only first letter is uppercase).
    Looking forward hearing form you.
    best regards
    Mary

    #822673

    Hi,

    Please try this code instead:

    div .slideshow_caption h2,
    .template-page .entry-content-wrapper h1,
    .template-page .entry-content-wrapper h2,
    .template-page .entry-content-wrapper h3
     {text-transform:none!important}

    Let us know how it goes :)
    Best regards,
    Sarah

    #829705

    It works!
    Thanks a lot for your support Sarah!
    ;*

    Bye!

    #830232

    You’re very welcome! For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Heading fonts on mobile change’ is closed to new replies.