-
AuthorPosts
-
April 18, 2023 at 4:23 pm #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,
MattApril 19, 2023 at 4:28 am #1404886Hi Matthias,
Can you give us the link to the page mentioned? so we can inspect it.
Best regards,
NikkoApril 19, 2023 at 9:27 am #1404915Hi Nikko,
please find the link attached.Best regards,
MattApril 20, 2023 at 4:11 pm #1405056Hi,
if you have questions, please let me know.Regards
April 20, 2023 at 7:26 pm #1405076Hi,
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,
MikeApril 20, 2023 at 9:10 pm #1405087Hi,
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,
MattApril 21, 2023 at 12:29 am #1405103Hi,
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,
MikeApril 21, 2023 at 8:51 am #1405138Hi Mike,
great, it is working now for safari as well.
Thanks,
MatthiasApril 21, 2023 at 9:57 am #1405142you 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-heightsee 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; }
April 21, 2023 at 12:13 pm #1405158Hi,
@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 -
AuthorPosts
- The topic ‘Masonry navigation and letter “g”’ is closed to new replies.