-
Posts
-
Please can you help if you goto https://www.theoldrectorygardens.co.uk/pop-up-events/ under the heading contact us.
The e-amil address is clipped this also true in other similar pages formats see https://www.theoldrectorygardens.co.uk/special-events/,https://www.theoldrectorygardens.co.uk/bespoke-events/.
Can you please help.and it has to be written out – i mean you can place the link on an E-Mail or a sign
you can force the word break by this – but it looks horrible:
#email { word-wrap: break-word !important; }I was looking not looking for a word break to the e-mail as yes I agree this looks horrible but maybe reduce the text on the page so it is truly responsive.
and you don’t like this:
<a href="mailto: (Email address hidden if logged out) ">e-mail</a>or make the space between the columns a bit smaller:
#footer div .av_one_third { margin-left: 4%; }or you play a bit with 1/3 width in footer (values depends on space width etc)
#footer .av_one_third:first-child { width: 36%; } #footer .av_one_third:nth-child(2) { width: 25%; }i can not simulate it in browser if these settings are overwritten by responsive case – so test it please
Apologises if I did not make this clear. The issue is not in the footer but on a page with listed icons. Please try looking at the page https://www.theoldrectorygardens.co.uk/pop-up-events/ under the icon listed “contact us” with the e-mail address is being clipped on iphone portrait.
yes now i see. but it is in footer too.
so i guess if you don’t like the word-wrap and don’t like to have 2/5 3/5 columns layout (instead of 1/2 1/2)
you only can take this to a 3-linerE-Mail: (Email address hidden if logged out)try this – maybe it is enough place:
.page-id-1257 .el_after_av_one_half { margin-left: 4%; } .page-id-1257 .avia-icon-list .iconlist_icon { margin-right: 20px; }
- You must be logged in to reply to this topic.