Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #737068

    I have been working on this site for a bit and something crept in and I am not sure how to fix it. This only started yesterday.

    The issue: Fonts are oddly formatted toward the end of pages and now also in the navigation bar (but ok in the top of a page). See the links in the private content section.

    This applies to color sections as well as items inside and outside of layout elements. It seems to mainly affect headers, but I am not sure. It affects color sections with main or the alternate content selection.

    I can recreate and somewhat fix the issue on a page: If I add an additional color section somewhere in the top of the page, it fixes the problem on a page.

    This issue applies for newly created pages as well as some I created previously if I edit them again. Pre-existing pages don;t show the same issues.
    I have also tested this in a different browser. (I mainly work in Safari, but have also checked Chrome with the same results) I work on a Mac.

    I just added a new menu item under “shop” – the “bespoke” has the same formatting issue – it also uses a different color red. The dropdown under “About” has not been affected and shows the correct formatting.

    So it only affects changes from a certain point in time.

    #737734

    quick update: We are about to launch so any response would be appreciated. For not I have found workarounds, but the issues persist.

    I have now moved the menu point “bespoke” to under “craft” and the formatting fixed itself. It also looked ok under “contact” – just checking and then removed again.

    I added a test one under “shop” to show how it looks when it is not right

    #737738

    Hi!

    It seems like you are using MegaMenu on your menu item – http://kriesi.at/documentation/enfold/portfolio-item/creating-a-mega-menu/. Please go to Appearance > Menus and click on your menu item (currently “Shop” menu item is mega menu) then uncheck “Use as mega menu” :)

    Best regards,
    Yigit

    #737746

    ah, that fixed that.

    Have you had a chance to look at this issues about 2/3 down the page on examples like this:

    http://sgiandubh.scot/craft-2/ (fonts weird)

    http://sgiandubh.scot/craft/ (fonts ok because I added an unwanted color box further up)

    Frank

    #737750

    Hi!

    This is how it looks on my end. Only “The Makers.” font size is not the same in these pages.
    If that is not how you are seeing your site, can you please post a screenshot and show the issue? Also, which OS and browser are you using?

    Cheers!
    Yigit

    #738936

    I am working on a Mac with an up to date OS.

    When I look at the site in Chrome I can see what you posted. Not great as it does change, but acceptable.
    In Safari I get the attached screenshot. The size and weight of the font changes. It just looks wrong.

    Thanks for your help.

    Frank

    #738942

    Hi,

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

    body .av-special-heading .av-special-heading-tag { -webkit-font-smoothing: antialiased; }
    

    Best regards,
    Yigit

    #738965

    nope, made no difference

    #740489

    Hi!

    I don’t really see the issue on my browser but the current font-weight is set to 600. This weight is not available from the “Oswald” font. Please set it to 700.

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 700 !important;
    }

    Regards,
    Ismael

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