I have two columns set for the footer. The first column looks great. However, for the second column it’s too close to the first column but when I add additional columns to try to push that over, the space in the first column naturally narrows which I don’t want. So how would I move over the second column more to the right side and keep this looking good in mobile and tablets when viewed using those?
Hey qtinfo,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
see image link below. I blurred out the content but you can see how we want the 2nd column to push over more to the right side.
Hi qtinfo,
Thank you.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 1024px) {
#footer #text-3.widget {
padding-left: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer #text-3.widget {
padding-left: 100px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria