Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 18, 2016 at 8:22 pm #688195
    agougo

    Hello,

    I would like some help here guys. I am building a website and i have been experimenting with the Featured image slider as a home page. The result is what i want in desktops/tablets, but not on mobile phones. It looks a bit ugly.

    My question is:
    Can i display a different page for the mobile version of the site? And if yes, how can i achieve that? In other words, how can i redirect to another page on mobiles.

    I tried adding a code block and used the following java script (private content), but it leaves a white space at the bottom of the page which i do not want.
    Any help is appreciated.

    Thanks

    September 20, 2016 at 6:12 am #688928
    Rikard

    Hey agougo,

    I think that would be difficult to be honest, maybe you could try to explain a bit further what it is you don’t like about the image on mobile and we’ll have a look if there is a CSS fix for it maybe?

    Regards,
    Rikard

    September 20, 2016 at 10:26 am #689046
    agougo

    Hi Rikard,

    Thank you for the response. The image on mobile looks like picture 1 (see private message). The desktop version looks like picture 2. As you can understand i do not like picture 1 – :)

    So let me ask, Is there a way to add a code block on a page without adding a white space around it? This was the only way that i could think of to bypass this.

    Any other suggestions would be welcome, although it kinda falls outside of the scope of theme support.

    Thanks,
    Antonis

    September 22, 2016 at 7:12 am #690102
    Ismael

    Hey!

    Thank you for the info. You can toggle the display property of the elements on different devices or screen sizes which means that you can hide an element on desktop view and display it on mobile, vice versa. This link will help: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Cheers!
    Ismael

    September 22, 2016 at 11:14 am #690195
    agougo

    Hi Ismael,

    Thank you for the response and the documentation link. Since i want to hide this section on both mobile and desktop I found another way. I added a color section, and then inside I added my code block. On the color section I included a Section ID : my-id.

    Then i added on the quick css: #my-id { min-height: 0px; height: 0px; }

    This solved my issue. I will keep your documentation link for future reference as it is also very useful. You can close this ticket.

    Regards,
    Antonis

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to display a different page on mobile’ is closed to new replies.