Jump to content

Archived

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

Aldo

Use one banner for desktop, and anther banner for mobile ?

Recommended Posts

Aldo    0
Aldo

I am working on a site that has a background graphic uploaded to a canves area, and a foreground graphic. The foreground has text and a head shot of a person. I have a foreground graphic I can hide the foreground so that the word don't run off the mobile device screen.

 

I what I like to do is keep a desktop version for wide screens and a mobile version for smaller screens. Is there a way in Pagelines to  do this?

 

Share this post


Link to post
Share on other sites
onlineprofiler    22
onlineprofiler

Hello @ Aldo,

 

yes there is a possibility to do so. If you just want to visualize a banner as a desktop version you can define the following in the standard option of the section under styling classes: hidden-phone.

Than this section won't be shown on mobile phones.

 

Find further infos here: http://docs.pagelines.com/tutorials/html-css-utilities

 

Hope I could help.

 

Nice greetings,

Sii


onlineprofiler.png

I am ^sii from @onlineprofiler, digital media specialist, love web design, development, WordPress, PageLines and lots more...
http://www.onlineprofiler.co

Share this post


Link to post
Share on other sites
Aldo    0
Aldo

That is what I am doing. The foreground is turned of for mobile and just background.

 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Is this issue now resolved? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

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?
       

×