Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 17, 2018 at 3:32 am #957872
    qtinfo

    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?

    May 18, 2018 at 5:25 pm #958715
    Victoria

    Hey qtinfo,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    May 18, 2018 at 10:31 pm #958842
    qtinfo

    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.

    https://ibb.co/cQgyT8

    May 21, 2018 at 10:09 am #959611
    Victoria

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.