Hi,
1- Please let me know how can I reduce the space between the widgets when they are not all in a row:
2- And also, how may I align the widgets in a the center of the page?
Regards,
Sadegh
Hey Sadegh!
Can you please let us know what screen size is that, I resized my browser and I could not locate that size.
Thanks a lot
Regards,
Basilis
Hi Basilis,
If you mean for the first question, you may see that in 806 x 617 size
Hi!
You have following custom CSS code
#footer .flex_column {
margin: 15px;
width: 16%;
align: center;
}
please change it to following one
@media only screen and (min-width: 1024px) {
#footer .flex_column {
margin: 15px;
width: 16%;
}}
Regards,
Yigit
Hey Yigit,
Thanks a lot, the code works great.
> And about the second question, may I know how can I align the widgets in center of the page?
Cheers,
Sadegh
Hi!
Please add following code to Quick CSS as well and adjust the value as needed
#footer .container {
max-width: 1300px;
}
Cheers!
Yigit
Hi,
Thanks a lot :)
All the codes work fine as always from you.
Just the widgets do not get into a row from around 1139 px to aroudn 1008 px page width.
Hi!
Not at all! Always happy to help :)
Can you please change “1024px” in this code – https://kriesi.at/support/topic/reduce-widget-spaces-align-in-center/#post-699965 to “1140px”?
Issue is caused by custom widths you added to footer widget areas :)
Cheers!
Yigit
Uh, I see :), thank you so much.
(I have changed 1024px to 1160px and it is now works fine.)
Regards,
Sadegh