Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1404819

    Hi,
    I am using the masonry for my portfolio entrys. Unfortunately, the masonry navigation shows a bug when using the letter “g”. Please find screenshot in private content area.
    Can you please check this and hopefully send a code snippet to fix this?

    Thanks,
    Matt

    #1404886

    Hi Matthias,

    Can you give us the link to the page mentioned? so we can inspect it.

    Best regards,
    Nikko

    #1404915

    Hi Nikko,
    please find the link attached.

    Best regards,
    Matt

    #1405056

    Hi,
    if you have questions, please let me know.

    Regards

    #1405076

    Hi,
    Thank you for your patience and the link to your site, I tested in Windows in Chrome, Firefox, & Edge and didn’t see the issue, please see the screenshot in the Private Content area.
    Perhaps you have already sorted this out?

    Best regards,
    Mike

    #1405087

    Hi,
    the problem is still there, but only in Safari browser as I can see after testing the other browsers.
    Is there a fix possible for safari?

    Best regards,
    Matt

    #1405103

    Hi,
    For Safari try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #main div.container .av-masonry .av-masonry-sort {
    line-height: 35px;
    }

    After applying the css, please clear your browser cache and check.
    Please note that Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    #1405138

    Hi Mike,

    great, it is working now for safari as well.

    Thanks,
    Matthias

    #1405142

    you can set the line-height to normal – this will bring it to a value that h-line and p-line are not overlapping ( in englisch it is ascender-line and descender-line).
    ( nearby 1.35em )
    btw. i would recommend a setting like this – or a relative line-height – otherwise you had to react each time a responsive font-size will not fit to an absolute line-height

    see how line-height: normal works on a fluid font-size: https://webers-testseite.de/heading-with-fluid-font-size/
    just make your browser window smaller and wider to see
    _____________
    off topic:
    and sup and sup text will be ok. too because the setting of enfold is correct :

    sub, sup {
      font-size: 0.75em;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
    #1405158

    Hi,

    @flipstar99
    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.

    @Guenni007
    Thank you for sharing your tip.

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Masonry navigation and letter “g”’ is closed to new replies.