-
AuthorPosts
-
June 2, 2023 at 5:04 pm #1409414
Hi,
leider kommt es mit dem Browser Safari im Mac OS zu einem Darstellungsfehler auf unserer Website. Ich habe die betreffende Seite im “private content” Feld verlinkt und bitte um Unterstützung.
lg
MaxJune 4, 2023 at 4:11 am #1409513Hey MaxBlank,
Thanks for your patience, is this the only page that it occurs on? I looked at some other pages and they seem fine, I see you have a membership plugin form on the page, is this added with shortcode or a code snippet?
Have you tried disabling your plugins to see if there is a conflict?Best regards,
MikeJune 6, 2023 at 9:04 am #1409731Hi,
Ja, nur auf dieser Seuite und nur mit Safari. Das Plugin wurde mittels Code-Snippet hinzugefügt (s. Screenshot). Die Deaktivierung des Memebership Plugin, Subscriptions und Product Open Pricing ändert nichts an dem Darstellungsfehler.
Liebe Grüße,
MaxJune 6, 2023 at 12:36 pm #1409747Hi,
Thanks but your screenshot is not working, nonetheless please include an admin login in the Private Content area so we can investigate, can we also disable your plugins while we investigate?
As I understand this is the only page with the error so perhaps the error is with an element on the page, we may copy the page to a new test page to investigate further.Best regards,
MikeJune 15, 2023 at 11:34 am #1410697Hallo!
Danke für den Support. Die Zugangsdaten sind angehängt.
- This reply was modified 1 year, 5 months ago by MaxBlank.
June 15, 2023 at 4:53 pm #1410787June 15, 2023 at 4:56 pm #1410788Now it works. Sorry!
June 16, 2023 at 12:03 pm #1410913Hi,
Thanks for the login it seems that Safari was having trouble with calculating this css:div .av_one_half { margin-left: 20px; width: calc(50% - 10px); }
I have adjusted it to this and added it to your WordPress ▸ Customize ▸ Additional CSS
#top.single-product.postid-14655 div .av_one_half { width: calc(48%); }
and now your page is showing correctly.
I created another test page with just two half columns and they showed correctly calculating the calc(50% – 10px); so I believe there is a conflict with a plugin or some customization but I was unable to examine your child theme files. I see you have some side button links going to products but I’m not sure if this is related or if it is something else.
I see that this is your only product built with the Advanced Layout Builder so you could just leave the css in place, or if you are going to create more products like this remove the pasg ID from the css .postid-14655 and it will work for all of your products.
Otherwise if you want to find the conflict, try disabling all of your plugins. If that resolves the issue, reactivate each one individually clearing your browser cache between each one until you find the cause. Or switch to your parent, if this solves then it is related to a customization in your child theme so you will need to investigate there. It seems to be related only to products because in my test on a page the column worked correctly. It is strange the issue only occurs in Safari.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.