Mobile Friendly Site Using Pro Theme

[miffypurslow]

Hey Guys,

My website is built using Pro theme and it looks great on a computer.
However, when I view it on a mobile you basically can’t read anything, it’s not set up for mobile viewing.

I’ve spend HOURS searching the internet, downloading apps, getting error messages and basically going back and forth trying to make this site work on a mobile. I have no idea how.

Please, someone tell me how to do this using Pro theme and please DON’T suggest that I start from scratch and rebuild this because I’ve spent so many hours at it.

I have attached screenshots of mobile vs desktop version. It’s pretty obvious what is what.

[prakash_s]

Hello @miffypurslow,

Thanks for writing to us.

It seems that you are using the custom Header, I would suggest you use the Navigation Dropdown element for the small device. You can show/hide the element using breakpoints. Please have a look at our documentation to learn more about how to show/hide content using breakpoints.

Hide or Show Content by Device Size | Themeco Docs

For the responsive styling please have a look at our documentation to learn more about how to style.

Responsive Styling | Themeco Docs

How to Set Responsive Styles for Elements in Cornerstone

For the row-column responsive layout, you can set each column’s layout depending upon the device.
You need to go to the Row—>Layout—>Template—>Click on any device icon to set the number of columns you want for that specific breakpoints.

Hope it helps
Thanks

[tristup]

Hi @miffypurslow,

By withdrawing the post, I believe you already have resolved the issue. If the issue still existed, you can let us know.

Thanks.

[miffypurslow]

Hi,
Sorry yes I was exploring these new options that I can’t believe I didn’t know existed. However I still have a lot of questions about this such as: I can’t make the menu fit onto a phone screen so how do I make the menu stack vertically so it will fit on a phone screen without changing the layout for if someone was on a computer?

At the moment it is working on the preview on my computer, however when I load on other devices, no changes have been made. Is there an update delay, or am I missing a crucial step?

[marc_a]

Hi Miffy,

I am not quite sure If I correctly understand your issue. That being said, would you mind sharing more information? Providing screenshots or videos is a big help.

Thank you.