website url overlapping in safari and chrome

[laura]

I noticed on our site, the url for the website listed in the details section is overlapping and flowing into the area for the venue. Seems to work fine on firefox, just not on safari and chrome (and not sure about IE.)

Heres screenshots on safari and chrome: https://cloudup.com/ctu399OCth7

Can you let me know how to adjust this so the website url does not overlap?

Thanks!

[Brook]

Howdy Laura,

Thank your for providing the screenshot and a clear description. Ordinarily we don’t provide exact code for CSS issues, but sometimes we can make exceptions. 🙂 However, in order to make an exception I would need to have a link to your site. I can then try out a CSS fix and see if it works. Mind sharing the link?

Cheers!

– Brook

[laura]

This reply is private.

[Brook]

Howdy Laura,

Thank you for the link. That painted a clearer picture. I actually did not quite grasp what was happening based on your screenshot, as I couldn’t see the link to the left. I understand now, the Event Website field is not wrapping because there are no breaking characters such as dashes in your URL. Instead of a CSS fix we’re going to need to truncate the website label. This snippet does just that.

https://gist.github.com/elimn/c69e058933789da250f5

Paste it at the top of your theme’s functions.php file, underneath the first line “<?php”. If your theme does not have a functions.php file, go to your theme folder, create a new text document file called “functions.php”, and paste this text in the first line of the file “<?php”. On line 2 or 3, paste that snippet.

Does that work for you?

Cheers!

– Brook

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts