Hello! I’m trying to make a megamenu with html content. I made a page with HTML code (lists and links). But in the menu it appears blurry. While viewing the page itself, the text is clear.
Tell me what could be the problem.
P.S. I use Safari 11.1
Hi,
So you are displaying that page in a page mega menu
– https://forum.tagdiv.com/page-menu/
Is that happening across all browsers? I could take a look if you could provide a link to the page where the menu is displayed. Also it appears that on the left image it is a bullet list, while on the right it is not a list.
hi,
i use Safari 11,1 and test different agents
This link for page – http://fototips.pro/shkola/
This link for menu http://fototips.pro “school”
It is happening also on Chrome, try entering this code in Theme panel->Custom CSS
– https://www.screencast.com/t/7Vl8p93abZz
@media (min-width: 1141px) {
.td_stretch_content .sf-menu .td-mega-menu ul {
width: calc(101% + 2px) !important;
}}
Thanks
Thank you! Its works, but same with Chrome at Windows
https://www.screencast.com/t/J67K7Ve1QSg
I used Chrome in my test, and also Firefox. This is how it looks at the moment with those browsers and the code you added
Chrome – https://www.screencast.com/t/PT114iVV
Firefox – https://www.screencast.com/t/8EgUBOa0uz8
So there would be no problem anymore.
