Currently i have some blocks for normal/wide layout, but how do i remove those blocks for narrow layout. I try "display:none" those blocks in MYTHEME-alpha-default-narrow.css but it doesn't help.

Example my custom block is using ID="custom-block" and place at "Branding", Can you show me how the css going to be in order to remove it narrow layout.

Comments

JSCSJSCS’s picture

JSCSJSCS commented

Display:none works for me. I'm sure you cleared cache? Run firebug and adjust your browser size so narrow CSS will be initialized, then look at firebug to try to see what is going on.

spacereactor’s picture

spacereactor commented
Title: How to i remove zone/region for narrow layout? » How to i hid zone/region for default layout and show only normal & wide display

Sorry make a mistake, what i need is to remove zone/region for the stacking for mobile display, but display those zone/region on normal & wide layout.

I try "display:none" on the "MYTHEME-alpha-default.css" and all the layout for normal & wide display get remove.

I also try "visibility:collapse" on "MYTHEME-alpha-default.css" and "visibility:visible" on normal & wide layout, doesn't work also.

spacereactor’s picture

spacereactor commented

ok, i think i figure it out. add "display:none;" to class or id you want to hid in global.css and "display:block;" with the layout you want to show.

But i have a question, what is "MYTHEME-alpha-default.css" use for?

Argus’s picture

Argus commented

You can find more info on that here

marcoka’s picture

marcoka commented
Status: Active » Postponed (maintainer needs more info)

so you resize the browser and the display:block you added to the css (that loads via media querys for that resolution) does not work. id did that with images (to disable big ones on mobile). this works.

what browser are you using.

steinmb’s picture

steinmb commented
Issue summary: View changes
Status: Postponed (maintainer needs more info) » Closed (fixed)