• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Removing Notices from Mobile

NinaMcI

Active member
#1
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.
 

NinaMcI

Active member
#3
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 :(
 

James

Well-known member
#4
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]
 

Brogan

XenForo moderator
Staff member
#5
Use this.

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

NinaMcI

Active member
#6
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";
}