Return to previous page

Responsive mode in theme - by rkunderground

This topic has 7 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

rkunderground

Participant

April 5, 2017 at 13:58

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?

#158833 Copied

6 Answers

rkunderground

Participant

April 6, 2017 at 20:06

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

Please, contact administrator
for this information.

#159006 Copied

Olga Barlow

Support staff

April 9, 2017 at 11:32

Hello,

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.

Regards

#159219 Copied

rkunderground

Participant

April 9, 2017 at 23:30

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.

Please, contact administrator
for this information.

#159257 Copied

Olga Barlow

Support staff

April 10, 2017 at 17:28

Hello,

Because you have chosen 1/12 for the column width http://prntscr.com/eurqes
Choose 1/1 if you want to show it full width for iPads.

Regards

#159398 Copied

rkunderground

Participant

April 10, 2017 at 19:30

Ah, thanks Olga. Now it looks great!

#159428 Copied

Olga Barlow

Support staff

April 11, 2017 at 14:59

You are welcome!

Regards

#159604 Copied
Viewing 7 results - 1 through 7 (of 7 total)