QUESTION I need help with my uniform style Xenforo

[adedekevictor]

I current use the uniform style from on here
Same as nullcave but my search icon and few other icon from the header nav isn’t showing.


@raz0r is there a way you solved this?

Post automatically merged: Dec 13, 2024

I think the icon is just transparent cos I can click on the invisible icon

 

[Snister]

provide also your site url dear

 

[adedekevictor]

Any response yet with this?

 

[Snister]

Any response yet with this?

yes I'm here, you can message me if you can't drop your site url

 

[adedekevictor]

yes I'm here, you can message me if you can't drop your site url

PrimeMusic

there is my url

 

[adedekevictor]

@Snister ??? I don’t get response from you

 

[Snister]

@Snister ??? I don’t get response from you

I think you remove some related for icon? maybe you mistake, to fix that issue you must need add a custom code for nav icon in extra.less

 

[astralglikos]

Avesome icon contains invalid code or the codes are premium, try choosing another icon

 

[astralglikos]

css.php wait:13
Change: width blok
.p-navgroup-link.p-navgroup-link--iconic i::after {
min-width: 0px;
/* width: auto; */
}

 

[adedekevictor]

css.php wait:13
Change: width blok
.p-navgroup-link.p-navgroup-link--iconic i::after {
min-width: 0px;
/* width: auto; */
}

Where do I find this code

Post automatically merged: Dec 19, 2024

I think you remove some related for icon? maybe you mistake, to fix that issue you must need add a custom code for nav icon in extra.less

How?

 

[Snister]

Add this code to extra.less

.p-navEl-link{
    &:before{
        font-size: 15px;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 5px;
        .m-faBase();
        font-weight: 999;
    }
    &[data-nav-id="searchForums"]:before{content: '\f689';}
}

use inspect elements to view the data-nav-id
you problem was solve if you understand!

 

[adedekevictor]

Getting the data nav id is what i don’t understand
I have added code to extra.less

Add this code to extra.less

.p-navEl-link{
    &:before{
        font-size: 15px;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 5px;
        .m-faBase();
        font-weight: 999;
    }
    &[data-nav-id="searchForums"]:before{content: '\f689';}
}

use inspect elements to view the data-nav-id
you problem was solve if you understand!

D

 

[astralglikos]

mobile version screen problems
extra.less
.p-navgroup-link.p-navgroup-link--iconic i::after {
width: -65px;
min-width: 0px;
}
icon width problems

 

[Snister]

mobile version screen problems
extra.less
.p-navgroup-link.p-navgroup-link--iconic i::after {
width: -65px;
min-width: 0px;
}
icon width problems

we use different theme so you can update the code fit to your theme