Archived topic
make sidebar widget wider, same with as button, make centered on mobile
3 replies · Started by Mark on December 14, 2020
I have a GP site at staging1.hardyness.com. On the Services | Group Exercise page, I have a sidebar with the GiveWP donation widget. I would like to make both the widget and green button under it full width and centered in the sidebar, and would like the sidebar contents to be centered on mobile.
Any help would be appreciated.
Thanks,
Mark
Hi there,
in Customizer > Layout > Sidebars - change the padding so it has equal left and right settings.
Then add this CSS to make the button full width:
.js-give-embed-form-modal-launcher-wrap button {
width: 100%;
}Thanks David,
That looks great on the Desktop, but it is not centered on mobile. Do I need a separate CSS for that?
Mark
You need to adjust the Padding of the Sidebar in Customizer > Layout > Sidebar to make it centered - you can adjust it separately for mobile by clicking the Mobile icon beside it.
