Mobile Layout Navigation Icons !

XMAN

Active member
Joined
Jul 12, 2021
Messages
19,642
Reaction score
72
Points
38
Capture.PNG


CSS:

Code:
.offCanvasMenu--nav .js-offCanvasNavTarget a[data-nav-id='forums']:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    content: "\f27a";
    font-size: 14px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
   
}

.offCanvasMenu--nav .js-offCanvasNavTarget a[data-nav-id='newPosts']:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    content: "\f005";
    font-size: 14px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
   
}
.offCanvasMenu--nav .js-offCanvasNavTarget a[data-nav-id='findThreads']:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    content: "\f00e";
    font-size: 14px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
   
}
.offCanvasMenu--nav .js-offCanvasNavTarget a[data-nav-id='yourThreads']:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    content: "\f1ea";
    font-size: 14px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
   
}
.offCanvasMenu--nav .js-offCanvasNavTarget a[data-nav-id='contributedThreads']:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    content: "\f78a";
    font-size: 14px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale...

Read more

Continue reading...
 
Top