- This topic has 17 replies, 2 voices, and was last updated 3 years, 6 months ago by David.
-
AuthorPosts
-
April 29, 2020 at 12:38 pm #1261819Huseyin
Hi Generatepress Team
I don’t know but my footer isn’t centred, I have attached the URL, and a screenshot of the settings of layout>footer.
April 29, 2020 at 12:41 pm #1261822LeoStaffCustomer SupportHi there,
Everything looks centered in your screenshot to me.
Do you want the menu items in the footer widget to center or something?
April 30, 2020 at 8:52 pm #1264138HuseyinHi Leo
I want footer section centred, check the screenshot, where the footer isn’t centred https://ibb.co/2qxJCvJ
My staging site URL:https://wordpress-394091-1251842.cloudwaysapps.com/
May 1, 2020 at 4:28 am #1264517DavidStaffCustomer SupportHi there,
temporarily add this CSS:
.footer-widgets .widget-title { background-color: #ccc; }
It’s an easy way of seeing that each of your widgets are 20% wide and that the row is actually centred on the page.
What you’re asking is effectively to break the 20% width and allow some footer widgets to be wider than others – which you can do with this CSS:
@media(min-width: 1025px) { .site-footer .footer-widgets-container .inside-footer-widgets { display: flex; justify-content: space-between; } .site-footer .footer-widgets-container .inside-footer-widgets .grid-20 { width: unset; } }
May 1, 2020 at 6:32 am #1264693Huseyinthank you David
May 1, 2020 at 8:06 am #1265006DavidStaffCustomer SupportYou’re welcome
May 2, 2020 at 7:03 am #1266083HuseyinI have discovered a problem with my footer when it’s in Ipad, could you guys check it out. (note: that I don’t have the code/s above)
SCREENSHOT https://ibb.co/P6jW0Wn
URL https://wordpress-394091-1251842.cloudwaysapps.comMay 2, 2020 at 9:05 am #1266403DavidStaffCustomer SupportTom provides some code here to make it two columns on Portrait tablet:
https://generatepress.com/forums/topic/footer-widget-tablet-portrait-view/#post-278946
you can reduce the
min-width: 769px
value to a smaller value e.gmin-width: 700px
to keep it 2 column on smaller devices.May 2, 2020 at 1:16 pm #1266708HuseyinThanks, David
For the past 10 minutes, I played with the number for
min-width:
couldn’t succeed.May 3, 2020 at 2:29 am #1267112DavidStaffCustomer SupportTry this CSS:
@media (max-width: 1024px) and (min-width: 600px) { .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets { display: flex; flex-wrap: wrap; } .site-footer .inside-footer-widgets>div { width: 50%; } }
May 3, 2020 at 3:44 am #1267204Huseyinlegend thanksss
May 3, 2020 at 6:43 am #1267357DavidStaffCustomer SupportYou’re welcome
September 20, 2020 at 8:54 pm #1451579Huseyinhttps://generatepress.com/forums/topic/footer-isnt-centered/#post-1267112
Hi,
May I request updated CSS for the new flexbox Structure?September 21, 2020 at 1:22 am #1451779DavidStaffCustomer SupportTry this:
@media (max-width: 1024px) and (min-width: 600px) { .footer-widgets .inside-footer-widgets { flex-direction: row; flex-wrap: wrap; } .site-footer .inside-footer-widgets>div { flex: 1 1 50%; margin-bottom: 2em; } }
September 21, 2020 at 1:26 am #1451786HuseyinThanks for the reply
This no space between the Widget titles & content
https://ibb.co/VWwrXvs -
AuthorPosts
- You must be logged in to reply to this topic.