Archived topic
Changing How Header Displays Widgets
6 replies · Started by Ronald on January 7, 2022
I recently installed GP. Then I purchased the GP premium plugin. I have 3 active widgets in my header. On desk top view, they display as a vertical column in the center of the screen. Is there a way to have them display as a horizontal group of 3 widgets. And if so, will that allow me to make my header area smaller? I will send you a screenshot of how it looked in my old theme, Boldgrid's Callaway, and how it looks now in GP.
My email address is yourpetsfriend@gmail.com
Hi Ronald,
Any chance you can link us to the site in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Yes,
My website is https://vetspace.2ndchance.info/
In my old theme, the first Widget with the sleeping dog and cat,the second widget with the dog and cat that says It's your donations that keep this site online and the third widget that says Donate and goes to PayPal were all in a horizontal row. In the GP theme, they are in a vertical column. I would like them to be in a horizonatal row on Desk Top and Laptop view. I know that they will be in a horizontal column when viewed on a cell phone.
If I could make that change I hope I could make my header area smaller.
Try to add this CSS so the widgets will be listed horizontally on desktop.
@media (min-width: 769px) {
.header-widget {
display: flex;
margin: 0;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Dear Ying,
Thank you so much. You have solved my issue!
Glad to hear that :)
You are welcome!
