Jump to content

Archived

This topic is now archived and is closed to further replies.

Toby

Mobile Site Customisation

Recommended Posts

Toby    2
Toby
Hi, I am wondering if it is possible to edit the mobile version of the DMS site, or will it always reflect the Desktop version?

I am specifically referring to the layout of sections, and whether they can be moved around to suit mobile better.

Thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

We have unique classes that allow you to hide or show on specific devices. These classes can be added to the Standard Options > Styling Classes.

You can find these classes at the bottom of our HTML/CSS Utilities doc - http://docs.pagelines.com/tutorials/html-css-utilities

Simply add the classes you want to show/hide. For example, lets say you have added a section that you want to only be visible on phones and tablets, you would add the following class.

 

.hidden-desktop

 

So it looks like this in your Styling Classes field.

 

http://cl.ly/image/0W0R3X202u0k


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
karenb    0
karenb

Ooops,

now how do I see that section for editing?

 

Thanks

 

Karen

Share this post


Link to post
Share on other sites
karenb    0
karenb

Worked it out.

 

Narrow the browser window until the mobile section drops in, then hit edit, then you can widen the window and continue editing.

 

K

Share this post


Link to post
Share on other sites

  • Similar Content

    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      can I limit the overall of MegaNav on mobile? When I look at michaelkummer.com on a mobile device, the menu takes up more than a third of the screen space. Using CSS to limit max-height doesn't seem to work. Is there another/better way to reduce the overall height to maybe 10% of the screen available?
      Thanks
      Michael
       
    • Queue-it
      By Queue-it+
      Hi,
      Pagelines has great extension called "Tour guide", but on the mobile the sections don't break up in a user friendly way.  I attached an image with a mobile view, where the section is set to break with text-button - image instead of text-image-button. 
      https://www.pagelines.com/product/pl-section-tourguide/
      Is there an easy way to change that sequence?
       

×