• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.
  • Chevereto Support CLST

    Support response

    Support checklist

    • ⚠️ Got a Something went wrong message? Read this guide and provide the actual error. Do not skip this.
    • ✅ Confirm that the server meets the System Requirements
    • 🔥 Check for any available Hotfix - your issue could be already reported/fixed
    • 📚 Read documentation - It will be required to Debug and understand Errors for a faster support response

if phone show landingpage

tomsit

tomsit

Cheese
Community Manager
I'm working on a phone app for my chevereto site. But first I need to perfect the phone version of the site. I'm using a custom split+landing page on desktop view.

What I need is phone users to only see the landing page. I've tried to hide all div sections but I can't get it to show a complete background picture. I think this will solve it self if I could get some advice on how to code a rule to show landingpage only on phones.

Example pic of how it displays right now on phones:

XCy7H.md.png
 
Last edited:
Use media queries and now the system includes a mobile detection library that prints which kind of device is being used (more precise than JS detection).
 
Does it mean I need to write a new CSS for media screens (phones)?

When split+landing is active
Code: 
<body id="index" class="split load loaded" >
this is forced. Can you with a single line make it switch to
Code: 
<body id="index" class="landing load loaded">
when it detects a min device width of 320x - max device width 480px?
 
You must log in or register to reply here.
Back
Top