Tagged: , ,

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • June 15, 2017 at 1:30 pm #808557
    whitecouture

    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!

    June 15, 2017 at 5:23 pm #808632
    Sarah

    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

    June 16, 2017 at 2:25 pm #808965
    whitecouture

    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? :)

    June 16, 2017 at 4:01 pm #808986
    maryenvato

    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.

    June 17, 2017 at 8:13 am #809225
    Sarah

    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

    June 20, 2017 at 9:12 am #810237
    maryenvato

    Hi Sarah..
    yes..

    June 20, 2017 at 4:54 pm #810485
    Sarah

    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

    June 24, 2017 at 11:26 am #812436
    whitecouture

    Hi Sarah,

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

    Cheers!

    June 25, 2017 at 7:31 am #812608
    John Torvik

    Hi,

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

    Best regards,
    John Torvik

    June 26, 2017 at 8:43 am #812916
    maryenvato

    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

    June 26, 2017 at 1:34 pm #813046
    Victoria

    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

    June 26, 2017 at 1:37 pm #813047
    Victoria

    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

    June 26, 2017 at 5:20 pm #813145
    whitecouture

    Perfect, it works! Thanks a lot!!

    June 26, 2017 at 7:34 pm #813170
    John Torvik

    Hi,

    We`re glad that your problem was solved :)

    Best regards,
    John Torvik

    July 12, 2017 at 6:21 pm #820164
    maryenvato

    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

    July 13, 2017 at 1:20 am #820278
    Sarah

    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

    July 13, 2017 at 9:43 am #820422
    maryenvato

    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

    July 16, 2017 at 11:02 am #821950
    Victoria

    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

    July 17, 2017 at 12:02 pm #822527
    maryenvato

    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

    July 17, 2017 at 3:26 pm #822673
    Sarah

    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

    July 25, 2017 at 5:21 pm #829705
    maryenvato

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

    Bye!

    July 26, 2017 at 4:46 pm #830232
    Sarah

    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

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