Hello,
Our site we are developing seems to have a spacing issue in the footer and socket. The content, and columns, are very close together and not spaced out in proportion to the width of the page. As a result, content is cut off or rendered on two lines when it should be one (socket). Please let me know which setting or CSS code I should add/adjust to fix this issue. Thank you.
Hi mattb1169,
Please try adding this CSS code in Enfold > General Styling > Quick CSS:
#socket .copyright {
width: calc(100% - 180px);
}
Hope it helps.
Best regards,
Nikko
Thanks Nikko. Unfortunately that didn’t work. Do you have any other suggestions? The issues is still in the socket and footer.
Hi mattb1169,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi Victoria,
Please see below.
Hi mattb1169,
Thanks for giving us admin access.
This is now fixed, the cause of the issue is this CSS code that was unclosed:
#top .av-submenu-container {
font-size: 14px;
The Maximum Container Width in General Layout wasn’t taking effect, after closing the code (I also removed the code I gave since it’s not necessary), it worked properly.
Best regards,
Nikko
Thank you Nikko,
Site looks great. I appreciate your help!
Hi mattb1169,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria