Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 22, 2015 at 3:24 pm #448362
    robertscott

    Hi Guys,

    Can someone help me centre the footer widgets on mobile.

    Thanks

    May 22, 2015 at 3:35 pm #448369
    Yigit

    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

    May 22, 2015 at 3:39 pm #448376
    robertscott

    Hi Yigit,

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

    May 22, 2015 at 3:42 pm #448381
    Yigit

    Hey!

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

    Cheers!
    Yigit

    May 22, 2015 at 3:46 pm #448389
    robertscott

    Hi Yigit,

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

    Thanks for your help

    May 22, 2015 at 3:48 pm #448393
    Yigit

    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

    May 22, 2015 at 3:57 pm #448402
    robertscott

    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.

    May 23, 2015 at 7:16 am #448962
    Ismael

    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

    February 5, 2018 at 12:02 pm #907881
    GCTech

    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, 9 months ago by GCTech.
    February 5, 2018 at 2:17 pm #907979
    Rikard

    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

    February 5, 2018 at 2:36 pm #908006
    GCTech

    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.

    February 6, 2018 at 10:16 am #908446
    Victoria

    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

    February 6, 2018 at 11:34 am #908496
    GCTech

    Thank you, the second option worked :-)

    February 6, 2018 at 2:04 pm #908586
    Rikard

    Hi,

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

    Best regards,
    Rikard

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