Is there a option to hide a block on resolution

Permalink Browser Info Environment
Hello,

Is there a easy way to hide/show a block based on users resolution.
For example i got a blog blocks, tags, categorys, tag cloud.
So these blog blocks hide on mobile devices (better on portait mode).

Or a show different layouts for landscape or portrait mode, this would be nice for mobile devices.
Would be great if the page is in edit modus and you resize the browser window, you can add block to that show this layout only.

Type: Discussion
Status: New
CMSDeveloper
View Replies:
formigo replied on at Permalink Reply
formigo
Hi,

To be honest what you are asking, whilst possible with some custom CSS is not a feature built in to the theme or any other theme as far as I am aware. What you want here is very specific and something that most people would develop a custom theme/design to accomplish.

Customisation of the theme is outside of support but to give you a pointer - you could simply add new CSS rules to the main.css file with in the theme in the various media query sections. For example, if you had a div you wished to hide on mobile then you could add something like

#div-name {
display: none;
}

This would need to be placed within the relevant media query.

Thanks

Andy
CMSDeveloper replied on at Permalink Reply
CMSDeveloper
OK, thanks for your quick answer.

Kind Regards
CMSDeveloper replied on at Permalink Reply
CMSDeveloper
I thought about the show/hide block.

So, for the Morph there are 4 different resolutions.

I added a class name for every resolution.

First

.hide_block_001{
display: none;
}

Second

.hide_block_002{
display: none;
}

Till 004.

So now adding custom css class name to a block will hide this block.
For example naming a block:
.hide_block_004

Will hide these blocks (3x) in the (mobile) smallest resolution

All i need is a little block that let me see the current resolution.
Just numbers in a div's like: R1, R2, R3, R4.
Only for the admin user and/maybe in edit modus.

Maybe something for a future release?

Regards.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.