Tablet screen size issue with Blank Slate

  • Resolved artofjordan

    (@artofjordan)


    3 years, 6 months ago

    Hi I’m new here and I’m really hopeful this is the right place for this topic. If not please move it!

    I’m using the Blank Slate plugin to create a basic landing page for a friend. I have a design that he’s fairly pleased with, but the tablet size version, particularly in portrait, is a mess. I built the page using columns. I really like both the mobile and desktop versions.

    Is there a way to force the page to display the mobile or desktop version of the page to a tablet as well and skip over the awkward tablet arrangement entirely? I’ve been searching around everywhere but I’m not really a developer and I’m guessing maybe I’m not using the right vocabulary to get the answer.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Micah Wood

    (@wpscholar)

    The Blank Slate plugin doesn’t really have any say in the responsive nature of the website. The breakpoints that are set up for desktop, tablet, and mobile screens are usually determined by the theme, or possibly a page builder if you use one (e.g. Elementor, Beaver Builder, etc.), or maybe even WordPress itself if you’re using the default block editor.

    It appears that you are just using the default block editor, and given the way you describe the issue, I think what you are up against is WordPress’s default breakpoints being at odds with how you want the columns to layout for each screen size.

    Rather than using columns to layout your page, it is best to restrict the width of the content area and then just layout your content within that.

    I’d recommend navigating to the WordPress theme customizer and clicking on the “Additional CSS” section. Add this rule to restrict the width of the content area only for pages using the Blank Slate template:

    
.page-template-blank-slate-template .type-page {
    width: 800px;
    margin: 0 auto;
    padding: 40px;
}

    You can change the value for width as needed. Now, you can remove the columns from your page layout and let WordPress’s built-in breakpoints work for you, not against you.

    • This reply was modified 3 years, 6 months ago by Micah Wood.
    Thread Starter artofjordan

    (@artofjordan)

    This still doesn’t really resolve my issue though. I just want to ignore WordPress’s built-in breakpoint for tablets altogether and go to mobile, rather than having to rebuild the entire thing, which is what I would essentially have to do using the method you’re describing. If there’s not a way to do that, I understand, but I was hoping there was.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tablet screen size issue with Blank Slate’ is closed to new replies.