- This topic has 3 replies, 2 voices, and was last updated 6 years, 7 months ago by
.
-
Posts
-
Hi there
adding an office center image to a mega menu, I followed these steps – https://doc.themosaurus.com/creating-mega-menus/?menu=gwangi
I have successfully added the picture in the mega menu; please check out my attached photos. But why does the image look different comparing a safari and chrome (both latest versions on a mac) browser view? I think this shouldn’t be the case. Safari version has a much darker picture/version and doesn’t look that good.
thanks
Hi Andreas,
Again, thank you very much for contributing to this community by creating a new topic with this issue. We really appreciate your effort.
This issue seems to related with a notable bug with Safari as it doesn’t display correctly the “transparent” color. To fix this, please navigate to “Appearance > Customize > Additional CSS” in your admin panel and copy/paste in the following code snippet:
.off-center-image:before { background-image: linear-gradient(-260deg, #ffffff 15%, rgba(255,255,255,0) 100%) !important; }We hope this solve your issue. ?
Best,
Hello again
Thanks for your quick answer. I followed your steps but the problem is still there. I am not sure if this helps but I did clear cache/cookies etc.
Please advise on how to proceed.
Thanks
Cheers,
Hi Andreas,
There was a dot missing in the snippet you pasted on your website. We’ve logged in and made the change on your website already. ?
This should resolve your issue.
Best,
The topic ‘Office Center Image in a Mega Menu looks different Browser Chrome vs Safari’ is closed to new replies.
