Mobile View with Columns

Hi when i goto my website on a mobile phone. any of the rows with the features using bullet points seems to stack on top of each other. is there anyway i can keep them to look like how it is on the website on computer?

and also when we do this, i assume we also need to have the fonts smaller. so how would you also make the font smaller


It looks like you’ve set 200px of right margin for that accordion widget, please try to reduce it and see if it helps.

Kind Regards, Roman.

You’re amazing. that did the trick thank so much.

What about the other rows that currently uses 3 columms

col1 shows and uses List of Services and the Col2 shows the mobile app and Col 3 uses a list of services.

Same with the rewards program row.

Any way to get everything to fit via mobile both horizontally and veritcally? Appreciate your help!

  1. It looks like the third rewards column has 500px of mobile top padding.

  2. I don’t think that there is an easy way to fix horizontal tablet appearance, unfortunately.
    You can try two columns instead of three, if it’s acceptable in your case.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.