Markos Well-known member Oct 11, 2014 #1 I need to show a notice only to desktop users. How i can do that?
Mike XenForo developer Staff member Oct 11, 2014 #2 There's no built in option to do that. Upvote 0 Downvote
Chris D XenForo developer Staff member Oct 11, 2014 #3 Markos said: I need to show a notice only to desktop users. How i can do that? Click to expand... Indeed. No option, but you can hide all notices from narrow screens with this CSS: Code: @media (max-width:@maxResponsiveNarrowWidth) { .Responsive #Notices { display: none!important; } } Last edited: Apr 13, 2015 Upvote 0 Downvote
Markos said: I need to show a notice only to desktop users. How i can do that? Click to expand... Indeed. No option, but you can hide all notices from narrow screens with this CSS: Code: @media (max-width:@maxResponsiveNarrowWidth) { .Responsive #Notices { display: none!important; } }
R rdn Well-known member Apr 13, 2015 #4 Chris D said: Indeed. No option, but you can hide all notices from narrow screens with this CSS: Code: @media (max-width:@maxResponsiveNarrowWidth) { .Responsive #Notices { display: none; } } Click to expand... Doesn't work for me :/ Upvote 0 Downvote
Chris D said: Indeed. No option, but you can hide all notices from narrow screens with this CSS: Code: @media (max-width:@maxResponsiveNarrowWidth) { .Responsive #Notices { display: none; } } Click to expand... Doesn't work for me :/
R rdn Well-known member Apr 13, 2015 #5 Works for me: Code: /* disable notices for mobile */ @media (max-width:@maxResponsiveMediumWidth) { .Responsive #Notices.PanelScroller { display: none !important; } } Upvote 0 Downvote
Works for me: Code: /* disable notices for mobile */ @media (max-width:@maxResponsiveMediumWidth) { .Responsive #Notices.PanelScroller { display: none !important; } }
Chris D XenForo developer Staff member Apr 13, 2015 #6 RoldanLT said: Doesn't work for me :/ Click to expand... Works for me, but it does need the !important declaration so I've updated that post. Upvote 0 Downvote
RoldanLT said: Doesn't work for me :/ Click to expand... Works for me, but it does need the !important declaration so I've updated that post.
B Biarritz64 Active member Apr 21, 2017 #7 Chris D said: Indeed. No option, but you can hide all notices from narrow screens with this CSS: Code: @media (max-width:@maxResponsiveNarrowWidth) { .Responsive #Notices { display: none!important; } } Click to expand... Hi @Chris D , i add your code in EXTRA.css, it doesn't work for me, any idea? thank you Upvote 0 Downvote
Chris D said: Indeed. No option, but you can hide all notices from narrow screens with this CSS: Code: @media (max-width:@maxResponsiveNarrowWidth) { .Responsive #Notices { display: none!important; } } Click to expand... Hi @Chris D , i add your code in EXTRA.css, it doesn't work for me, any idea? thank you
L loslobos1 Member Aug 13, 2019 #9 I need it for 2.1.3. disable notices to mobile devices. Which code will use in extra.less? Upvote 0 Downvote
Kruzya Well-known member Aug 13, 2019 #10 Something like this: Less: @media (max-width: @xf-responsiveNarrow) { .notices { display: none; } } Upvote 0 Downvote
X Xon Well-known member Aug 13, 2019 #11 This is basically part of XF; you can pick the maximum resolution a notice will display in; Upvote 0 Downvote