Responsive notices?

[RobParker]

For all of our notices we use a background image, usually 940px wide. When there's a sidebar, this gets truncated to 720px by the notice container.

However, with the new responsive design, the notice container will continue to shrink (then briefly enlarge again when the sidebar disappears then shrink again) when making the browser smaller. As there's no easy way (that I know of?) to have a notice background image change when the notice panel shrinks, it'd make sense for us that the notices disappear completely when below a certain resolution. Is that possible?

What would be even better would be the possibility to create "mobile notices" that ONLY show when the resolution is below a certain size. That way we'd have our normal notices above a certain resolution then make these disappear and then how their mobile counterpart (probably without images) when below that resolution.

 

[Jake Bunce]

Have you tried sizing the background?

http://www.w3schools.com/cssref/css3_pr_background-size.asp

 

[RobParker]

Have you tried sizing the background?

http://www.w3schools.com/cssref/css3_pr_background-size.asp

That might help, thanks

The problem is often that we use a background with text/images on it rather than just a repeating pattern so it might not be as useful in those cases.

 

[RobParker]

Actually, how would that help with the responsiveness? I assume we can't pass a $resolution variable to the CSS, can we?

 

[Jake Bunce]

A percentage can be used to resize the background as the size of the parent changes.

http://www.css3.info/preview/background-size/

 

[RobParker]

Cheers, that'd work for any generic backgrounds we use where the text is added on top, just not for backgrounds with text/images as part of the background.

I still think responsive notices would be pretty useful, maybe move this to suggestions if you think that's appropriate

 

[melbo]

Is there any way to disable notices for mobile visitors?

 

[Jeremy]

Set the criteria so that users are not a member of the Unregistered user group.

 

[melbo]

Any way to retain notices on per usergroup (unregistered) criteria but disable notices for mobile sized responsive regardless of usergroup criteria?

I'd like a notice visible to guests on desktop/tablet view but not visible in phone view.

This particular forum has a Google map in a notice but when viewed on an iPhone, the navigation becomes tricky as the map scrolls and it's tough to get to the rest of the forum.

If it's not baked into the notice system or available as a conditional, I'll find a workaround.

Thanks

 

[Jeremy]

Definitely misread your last post. Edit notices, find:

<div class="{xen:if @scrollableNotices, PanelScroller, PanelScrollerOff}" id="Notices" data-vertical="@noticeVertical" data-speed="@noticeSpeed" data-interval="@noticeInterval">

Add hiddenResponsiveNarrow in class.