By nikki stock on

Im quite new to drupal and i have just built my first site using a responsive template. I am looking to remove a few blocks and nodes from mobile viewing as they are not needed. Im not really sure where to start or which module i should use. Im thinking possibly rules but i haven't used it before so im just not sure. Thank you so much in advance for any guidance you can offer me.

⋅ Categories: Drupal 7.x

Comments

peterjlord’s picture

peterjlord commented

I'd probably hide them with css and media query

<div id="my-block"></div>

...and:

@media screen and (min-width: 0px) and (max-width: 400px) {
   #my-block { display: none; }   /* hide it screens less than 400px */
}

@media screen and (min-width: 401px) {
  #my-block { display: block; }  /* show it on large screens */
}

Peter J Lord
http://peterjlord.co.uk

nikki stock’s picture

nikki stock commented

thank you so much, i didn't think of css i was a bit stuck on needing a module! that worked perfectly

nikki stock’s picture

nikki stock commented

what sizing would you use for tablets please?

nikki stock’s picture

nikki stock commented

what sizing would you use for tablets please?

peterjlord’s picture

peterjlord commented

Hard to say 768px is often used

Peter J Lord
http://peterjlord.co.uk

nikki stock’s picture

nikki stock commented

thank you could i ask one more question for the blocks, its called 'Header Top Right' . do i need to use a machine name? cant seem to work out what that should be! any ideas? i tried 'Header-Top-Right'

peterjlord’s picture

peterjlord commented

Hard to say as it depends on theme and drupal version. Could be #block-header-top-right for an id but guessing.

Peter J Lord
http://peterjlord.co.uk

nikki stock’s picture

nikki stock commented

thanks so much for your help i will have a play im using porto

peterjlord’s picture

peterjlord commented

But a quick search gave me this https://www.drupal.org/node/2217137 which may hit you later

Peter J Lord
http://peterjlord.co.uk