Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1489913

    Dear Sirs,

    We have a development site at http://www.peter-test1.co.uk. The footer is set to “two columns” and has an image in each column of the footer. However on responsive each image goes on top of each other. see screenshot 1. I am trying to get this central as in screenshot 2 can someone please help. Many thanks.

    #1489915

    Hey condonp,

    Thank you for the inquiry.

    Adding this css code should center-align the images in the footer widgets on smaller screens.

    @media only screen and (max-width: 768px) {
    
      /* Add your Mobile Styles here */
      #footer .widget.widget_text {
        margin: 0 auto;
      }
    }

    Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache before checking the page.

    Best regards,
    Ismael

    #1489917

    Ismail,

    Thanks for responding but have added this you can see at http://www.peter-test1.co.uk but this does not seem to work. We are trying to get the columns centralised as in screenshot 2

    • This reply was modified 1 day, 15 hours ago by condonp.
    #1489924

    Hi,

    Thanks for the update. So you want the images next to each other on mobile?

    Best regards,
    Rikard

    #1489926

    yes please

    #1489930

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    
    @media only screen and (max-width: 767px) {
    #footer .av_one_half {
      margin-left: 6% !important;
      width: 47% !important;
    }
    }

    Best regards,
    Rikard

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