Editing Footer for mobile

webmasterUPSTATE · Mar 1st 2023, 4:39pm

Hi. Can you please tell me where I can go to center the content of my footer for mobile? It is good on desktop, but mobile is not centered. In Appearance>Widgets html says centered. Do I add something here for mobile? (see attached)

Many thanks. -Danielle

Matthias · Mar 1st 2023, 9:15pm

Hi,

where on the site can the footer be found? I did check it buts its currently not in place.

webmasterUPSTATE · Mar 2nd 2023, 2:43pm

You can find the footer on LGBT+ Home Revised and About the Chamber and Join the Chamber GrowthZone Template.
Thank you.

Matthias · Mar 2nd 2023, 4:13pm

Hi,

the css class given does exist.

Please add the following CSS to "Theme Options" > "Advanced" > "Custom CSS"

Source Code

.has-text-align-center {
text-align: center;
}

webmasterUPSTATE · Mar 2nd 2023, 4:25pm

Thank you. That code centered everything except the logo - the first widget. Can I center that too?

Matthias · Mar 2nd 2023, 4:29pm

Hi,

use:

Source Code

.footer .wp-block-image .aligncenter {
text-align:center;
}

webmasterUPSTATE · Mar 2nd 2023, 7:02pm

That worked! Thank you so much. And final question:

Can you tell me why the bottom button on mobile is falling below the image and how to fix it?

Thank you.

Editing Footer for mobile

Editing Footer for mobile

Source Code

Source Code

Share

Tags

Similar Threads