XF 1.4 Removing Notices from Mobile

NinaMcI

Active member
The notice should have a CSS class applied to it.
You can use a media query to do display:none for that class below a certain browser width.
For example:
Code:
<xen:if is="@enableResponsive">
@media (max-width:800px) {
.noticeClass {
display: none;
}
}
</xen:if>
So if the style is responsive and the browser width is 800px or less, the .noticeClass element won't be displayed
Hi, I've found the above thread on this question, and I've read the guide on responsive design css, but I don't know where to insert the above code. Which template should I go to, and where do I insert the code?
Thanks for your help.
 
I added the code in EXTRA.css after

#Notices .panel .noticeContent {

color: #6f6f6f;


}
Doing this hasn't removed the notices from the mobile version. Please tell me what I'm doing wrong baring in mind that I don't know anything about coding :(
 
Is your EXTRA.css filled with content?

Can you post your whole EXTRA.css inside [CODE] tags like so?

[CODE]
// your EXTRA.css file contents
[/CODE]
 
Use this.

Code:
<xen:if is="@enableResponsive">
@media (max-width:800px)
{
    .hasJs #Notices.PanelScroller
    {
        display: none !important;
    }
}
</xen:if>

Change the 800px to suit.
 
Is your EXTRA.css filled with content?

Can you post your whole EXTRA.css inside [CODE] tags like so?

[CODE]
// your EXTRA.css file contents
[/CODE]

Code:
//.nodeList .categoryStrip .nodeTitle a {
    background: url("@imagePath/xenforo/gradients/breadcrumb.png") no-repeat scroll right center #008db7;
    color: rgb(255, 255, 255);
    margin-left: -10px;
    padding: 20px;
    padding-right: 30px
}
/* FONT AWESOME NODE ICONS */
@font-face
{
        font-family: 'FontAwesome';
        src: url('./styles/cloud/xenforo/fonts/fontawesome-webfont.eot');
        src: url('./styles/cloud/xenforo/fonts/fontawesome-webfont.ttf') format("truetype"),
                url('./styles/cloud/xenforo/fonts/fontawesome-webfont.woff') format('woff'),
                url('./styles/cloud/xenforo/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
                url('./styles/cloud/xenforo/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
        font-style: normal;
        font-weight: normal;
}

.node.node .forumNodeInfo .nodeIcon:after, .node.node .categoryForumNodeInfo .nodeIcon:after
{
    font-family: "FontAwesome";
    font-size: 34px;
    content: "\f0c2";
    color: #a7a7a7;
    line-height: 35px;
    padding: 4px 5px 4px 0;
}

.node.node .forumNodeInfo.unread .nodeIcon:after, .node.node .categoryForumNodeInfo.unread .nodeIcon:after
{
    font-family: "FontAwesome";
    font-size: 34px;
    content: "\f0c2";
    line-height: 35px;
    color: #14b8e6;
    padding: 4px;
    padding-right: 8px;
}

.node.node .pageNodeInfo .nodeIcon:after
{
    font-family: "FontAwesome";
    font-size: 34px;
    color: #14b8e6;
    content: "\f0f6";
    line-height: 30px;
    padding: 4px 5px 4px 0;
}

.node.node .linkNodeInfo .nodeIcon:after
{
    font-family: "FontAwesome";
    font-size: 34px;
    color: #14b8e6;
    content: "\f054";
    line-height: 35px;
    padding: 4px 5px 4px 0;
}

/* FONT AWESOME NODE ICONS */

.nodeList:first-child {

background-color: red;

}

#Notices .panel .noticeContent {

color: #6f6f6f;

}

.navTabs .navTab.selected .tabLinks {

border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

}
.primaryMessage {
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 0 40px rgba(245, 245, 245, 0.3) inset;
}
.primaryContent a:hover {

color: #20bce7;
text-decoration: none;
}
.messageUserBlock .extraUserInfo dl {

    background: #f8f8f8;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    color: #8b8b8b;
    padding: 4px;
    }
   
    .messageUserBlock .arrow
        {
            top: 20px !important;
            right: -23px !important;
            border: 12px solid transparent !important;
            border-right-color: rgb(245, 245, 245) !important;
            -moz-border-right-colors:  !important;
            border-left: none !important;
        }
       
            .messageUserBlock .arrow span
            {
                top: -12px !important;
                left: 1px !important;
               
                border: 12px solid transparent !important;
                border-right-color: rgb(245, 245, 245) !important;
                -moz-border-right-colors: rgb(245, 245, 245) !important;
                border-left: none !important;
            }
           
            .Responsive .redactor_toolbar li a
{
text-indent: 0px;
text-align: center;
background-image: none !important;
}
.Responsive .redactor_toolbar li a:before, html .redactor_dropdown a:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: @textCtrlText;
line-height: 24px;
}
html .redactor_toolbar li a:hover
{
background-image: none !important;
}
html .redactor_dropdown a
{
padding-left: 0 !important;
background-image: none !important;
}
html .redactor_dropdown a:before
{
margin-right: 10px;
}
html.Responsive .redactor_toolbar li a.redactor_btn_bold:before
{
content: "\f032";
}
html .redactor_toolbar li a.redactor_btn_italic:before
{
content: "\f033";
}
html .redactor_toolbar li a.redactor_btn_underline:before
{
content: "\f0cd";
}
html .redactor_toolbar li a.redactor_btn_fontcolor:before
{
content: "\f042";
}
html .redactor_toolbar li a.redactor_btn_fontsize:before
{
content: "\f034";
}
html .redactor_toolbar li a.redactor_btn_fontfamily:before
{
content: "\f031";
}
html .redactor_toolbar li a.redactor_btn_createlink:before
{
content: "\f0c1";
}
html .redactor_toolbar li a.redactor_btn_unlink:before
{
content: "\f127";
}
html .redactor_toolbar li a.redactor_btn_alignment:before
{
content: "\f036";
}
html .redactor_toolbar li a.redactor_btn_unorderedlist:before
{
content: "\f0ca";
}
html .redactor_toolbar li a.redactor_btn_orderedlist:before
{
content: "\f0cb";
}
html .redactor_toolbar li a.redactor_btn_outdent:before
{
content: "\f03b";
}
html .redactor_toolbar li a.redactor_btn_indent:before
{
content: "\f03c";
}
html .redactor_toolbar li a.redactor_btn_smilies:before
{
content: "\f118";
}
html .redactor_toolbar li a.redactor_btn_image:before
{
content: "\f03e";
}
html .redactor_toolbar li a.redactor_btn_media:before
{
content: "\f008";
}
html .redactor_toolbar li a.redactor_btn_insert:before
{
content: "\f067";
}
html .redactor_toolbar li a.redactor_btn_draft:before
{
content: "\f0c7";
}
html .redactor_toolbar li a.redactor_btn_undo:before
{
content: "\f0e2";
}
html .redactor_toolbar li a.redactor_btn_redo:before
{
content: "\f01e";
}
html .redactor_toolbar li a.redactor_btn_removeformat:before
{
content: "\f12d";
}
html .redactor_toolbar li a.redactor_btn_switchmode:before
{
content: "\f0f6";
}
html .redactor_dropdown a.alignLeft:before
{
content: "\f036";
}
html .redactor_dropdown a.alignCenter:before
{
content: "\f037";
}
html .redactor_dropdown a.alignRight:before
{
content: "\f038";
}
.redactor_dropdown a.quote:before
{
content: "\f10d";
}
.redactor_dropdown a.spoiler:before
{
content: "\f024";
}
.redactor_dropdown a.code:before
{
content: "\f121";
}
.redactor_dropdown a.strikethrough:before
{
content: "\f0cc";
}
.redactor_dropdown a.saveDraft:before
{
  content: "\f0c7";
}
.redactor_dropdown a.deleteDraft:before
{
  content: "\f014";
}
 
Top Bottom