One theme with different blocks for responsive view

  • I am currently customizing the Skatepark theme. Is it possible to use different blocks for desktop and mobile view?
    I need to erase a 3rd empty column in mobile view only but I want to keept it in desktop view.
    BTW it’s a great looking theme.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter niko12

    (@niko12)

    In general, how can I adjust font size and spacing in responsive views?

    Hi there,

    I need to erase a 3rd empty column in mobile view only but I want to keept it in desktop view.

    The only way I can think of to do it is if you added a specific id attribute to the block you want to remove, and then use a CSS media query targeting that id and assigning it a display:none only on mobile screen sizes.

    As far as I know there’s no way in the site editor to create separate templates for desktop vs mobile, and I know there’s definitely no way, in either the site or post/page editors, to mark specific blocks as desktop-only or mobile-only.

    In general, how can I adjust font size and spacing in responsive views?

    You should be able to use CSS media queries via the Additional CSS panel (or in style.css in a child theme) in the Customizer to add your own custom CSS code to only target the mobile views.

    Thread Starter niko12

    (@niko12)

    Thanks. Sorry for my late reply.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘One theme with different blocks for responsive view’ is closed to new replies.