How to force desktop view on specific page

  • Hello,

    I’m looking for a way to force desktop view on a specific page of my website, i have seen some methods to force it on all the website but couldn’t find any on how to force it on a single specific page, any help?

    Thanks

    • This topic was modified 5 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Developing with WordPress topic
Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Each page as a unique class applied in the <body> tag. View the source of your page to see that.

    You can use that class to target CSS for just that page. You’ll need to add CSS to your media queries or default CSS, depending on whether you have a mobile-first or desktop-first design, to disable the responsiveness of key elements on that page.

    Thread Starter jayrally

    (@jayrally)

    Thanks for the quick answer Steve, for a complete newbie what CSS should i add?
    I get the part about finding the body tag, but from there i’m quite lost…

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    There’s no generic answer to “what CSS should I add” because you have to override the CSS that your theme uses, so it’s theme specific. You might post a topic in the forum for your theme so its developers can weigh in on the best approach for that theme.

    Thread Starter jayrally

    (@jayrally)

    the theme is a classic Twenty Seventeen, but the page has been build with Elementor canvas, does that change something?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Having child themed twentyseventeen a few times, I can tell you you’re going to have fun. (But only if you enjoy that sort of thing.) Putting Elementor on top of that just adds to the excitement.

    You’re going to need to do a deep dive into the CSS of your site.

    Thread Starter jayrally

    (@jayrally)

    I guess i should give up then, i have zero experience with CSS

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You might do better to figure out how to arrange that page so it works well on the narrow device view.

    Thread Starter jayrally

    (@jayrally)

    That wouldn’t be a problem if it wasn’t for google spreadsheet, i have to embedd an editable spreadsheet on the page and it works great on desktop but on mobile the iframe becomes unresponsive

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to force desktop view on specific page’ is closed to new replies.