Responsive mode in theme - by rkunderground

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

  • Avatar: rkunderground
    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?

    6 Answers
    Avatar: rkunderground
    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.
    Avatar: Olga Barlow
    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

    Avatar: rkunderground
    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.
    Avatar: Olga Barlow
    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

    Avatar: rkunderground
    rkunderground
    Participant
    April 10, 2017 at 19:30

    Ah, thanks Olga. Now it looks great!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 11, 2017 at 14:59

    You are welcome!

    Regards

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.