Docs

[mhbmartijn]

Hi my two widgets are center themselves but in the column they either go right or left and I correct this with padding… but that’s not working on mobile or different screen size.

Can you help to fix this? thanks!

[mhbmartijn]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It seems you are using the widgets within page content. So you can set min-width for the columns that contain those widgets. It’s because the widget content is loading through iframe and need a minimum width to display correctly to avoid overflow.

Hope this makes sense.

Cheers!

[mhbmartijn]

Thanks Rupok, well that makes sense, a bit, but how can I do this practically? Thanks!

[mhbmartijn]

I put in at the columns in class: width: 343px but this doesn’t make any difference

[Christopher]

Hi there,

Please remove following inline CSS from widget element :

padding-top: 20px; 
padding-right: 55px;

Remove following CSS from widget too :

margin-left: auto;
margin-right: ;
width: 230px; 

Please add width: 97%; in column’s style field.

Hope it helps.

[mhbmartijn]

It did, awesome, thank you so much Christopher!

[Zeshan]

Glad we could help! 🙂

[mhbmartijn]

So I don’t know what happen, I had to reinstall the widget because of a problem with the footer. But I have done all the same then before, but the alligment is again still left.

[mhbmartijn]

also I didn’t put in the 97% procent, just put width: 343px, when I just changed it to 97%, this was way to big for that column. When I put in 33%, it is ok on desktop version but it srews up the widgets, making them small and unreadable.

I hope you can solve this also with the post above this one. Thanks..

[Friech]

Hi There,

Please remove the width: 30% you applied on the columns because a 1/3 column is already a 33.33333%, and that inline width: 30% style prevents the 1/3 columns go full width (100%) on a mobile view.

Please clarify the issue of the widgets not being center as they look centered on my end.

Thanks.

[mhbmartijn]

Haa yes thanks! I did some changes in the widget, it’s now ok, sorry.

[Rupok]

You are welcome!

Glad that you figured it out. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts