Hello. I was looking at the different desktop, tablet, and mobile versions of the site. The theme is not automatically responsive and it’s messed up.
How do I switch into tablet mode and mobile mode to make adjustments so that everything looks good?
I added some screen shots to show how it differs from the desktop.
The “shop” button on the home page
the TOU content’s margins make the mobile version messed up
the footer is not aligned
1) You added 200px margin for your button http://prntscr.com/eu9017 There is no place to show this button like you want if you add such margins http://prntscr.com/eu90v7 Use bootstrap classes to align elements inside the row http://prntscr.com/eu935x Also, use VC column responsive settings if you want to change the columns width for the different devices or even hide them http://prntscr.com/eu93uj
2) You have added fixed margins 200px for your test block http://prntscr.com/eu94s5 Of course, they won’t disappear on the mobile devices. Either use % or vw to make margins more flexible or even use columns http://prntscr.com/eu95g4 and hide them for mobile devices in column settings (I have edited your page to show how it could be changed)
3) You have added
http://prntscr.com/eu8z8r that’s why it’s not aligned.
So, everything depends on content you add and on margins/paddings you use, it’s not related to theme styles.
got it, thanks for the tips Olga. I’ll play around with the settings to see how I can get everything to work. The only thing I can’t get to work is the tablet portrait view on the about page. Portrait works on mobile, which is weird.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty