Archived topic
Footer widgets centred in a column for tablet/mobile
7 replies · Started by Dan on November 28, 2021
Hi there,
How can I add the CSS code for the model of footer widgets on GeneratePress example, all (Title, contain) justify on center with breakpoint 1024px?
Site: evanjou.ca
Hi Dan,
Give this CSS a try:
@media (max-width: 1024px) {
.inside-footer-widgets > * {
text-align: center;
}
}
Hi Ying,
It's work as well, thank you for your help.
*it is even easier, if these configs (justification, padding) are found in the Layout>Footer option for Tablet or Breakpoint.
More and more people using block element - footer to create their own footer which can be highly customized on different screen size.
You can have a try if you are interested :)
Hi Ying,
I would like to try this option. Do you have the documentation/tutorial for this config (Element - Footer)?
Thank you,
Hi there,
here is the base documentation for using the Block Element:
https://docs.generatepress.com/article/block-element-overview/
And here is YouTube video where Leo shows how to recreate one of our library sites footers:
Many thanks David,
You're welcome