Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #448362

    Hi Guys,

    Can someone help me centre the footer widgets on mobile.

    Thanks

    #448369

    Hey robertscott!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
    #footer #text-5 {
      margin-left: 23%;
    }}

    Regards,
    Yigit

    #448376

    Hi Yigit,

    That didn’t quit work. Almost but the footer widget logo is off and the social icons are just too far right.

    #448381

    Hey!

    Please adjust the value (23%) to center it perfectly.

    Cheers!
    Yigit

    #448389

    Hi Yigit,

    That worked but footer widget 1 with the logo is not centre.

    Thanks for your help

    #448393

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    #footer #text-2 {
      margin-left: -20px;
    }}

    Best regards,
    Yigit

    #448402

    Awesme thanks Yigit. Played around with that and works fine. Only problem is on landscape view (iphone sideways) the footer widgets are all over the place.

    #448962

    Hey!

    Can you please provide a screenshot of the issue? It looks fine on landscape mode:

    Use this to center the text widgets:

    #footer .widget {
      text-align: center;
    }
    
    #footer .widget .textwidget {
      display: inline-block;
    }

    Cheers!
    Ismael

    #907881

    Hi there, I have enfold theme with 5 footer widgets – one for each image (all similar size).

    Whatever I try I cannot get the five images to centre on a mobile screen. They all appear to the left of the screen, please help.

    Site is: https://goldcross-training.co.uk/ (the five payment logos at bottom)

    Many thanks

    • This reply was modified 6 years, 10 months ago by GCTech.
    #907979

    Hi,

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

    @media only screen and (max-width: 767px) {
    #footer .av_one_fifth {
        width: 15.2% !important;
    }
    }

    Best regards,
    Rikard

    #908006

    Hi there,

    I did try it unfortunately the same result, this is being tested on an iphone (portrait) on both safari and chrome.

    Thank you.

    #908446

    Hi markantonyii,

    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

    
    #footer .widget {
        margin: 0 auto;
        width: 30%;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #908496

    Thank you, the second option worked :-)

    #908586

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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