[Resolved] make sidebar widget wider, same with as button, make centered on mobile

[Mark]

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

[David]

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%;
}

[Mark]

Thanks David,

That looks great on the Desktop, but it is not centered on mobile. Do I need a separate CSS for that?

Mark

[David]

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.

[Author]

Posts