Nav button issue (chrome)

Im having this problem where chrome is putting a box around one of my custom buttons for the navigation bar, anyone know how to fix this?

can you give us your forum url please

Tlos.forumotion.net

thanks

can you make the about button to be visible for quests so i can check it

It is visible for guests.. Are you not seeing it?

Hello @SpyroDragon,
I do not see the About Link as well in the navigation bar. Below is what I can see.

Spoiler:

Cheers,
James

Exactly @SpyroDragon, we can't see the button. Please make sure to make it visible to guests following this path:

ACP -> Display -> Homepage -> Headers & Navigation -> Navigation bar preview

Best regards.

I also do not see it.

Hey @SpyroDragon,
I think maybe this is the solution:

Code:

a:focus {
    outline: none;
}

add in your stylesheet, and tell me if it worked


Cordially,
pedxz

sorry but still it is not visible for guests

Why does it say about on the forum (screenshot), but there is no about in that screenshot of the AP?

the about is titled " test "

Just realized that might be the issue..
one moment.

No that's not the issue , unless I have it in the CSS Incorrectly?


Im not sure what else to do, it says its enabled for only guest for me.....


Also when I logout myself I can see it??
and the css code to get rid of the white line did not work.-

i can see it only with safari ipad ..... with laptop i cant see it at all 

can you post the url of that page is it https://tlos.forumotion.net/h1-test ?


try

Code:


a.mainmenu[href="/h1-test"] img {
outline: none;
}


yes the link is https://tlos.forumotion.net/h1-test
and the only thing that's on it atm is " test " 
… and the line still shows with that code included.

something is not right with that page
this is what i see



the only way i can see it with the laptop is only with explorer but i dont see the border
maybe you need to remake it or just make a duplicate to test it

yea, I only have " test" on it, so that's correct... and yea internet expolar I have no issues.. chrome seems to like to make it disapeer for some reason.

can you sent me a pm with a test account please

In Firefox (PC), I do not see it.

On Chrome and Firefox won't show if

Code:

<img src={unknown} />

issue solved by pm

solution : you did not have set any image for the test page

That's because the CSS is suppost to add it in.

apparently, the css was not the correct way for all browsers

is there a fix?

On Chrome, I can see it fine without error

SpyroDragon wrote:is there a fix?

i can see your image in all browsers without the border after i put the url in your admin panel
You can check it and if its ok mark the thread as solved
Thanks

this is not fixed, you simpily made the picture cover it up, this is not what I want the for the forum I want there to be a hover img as well.

Replace your current CSS by this one

Code:

a.mainmenu[href="/h1-test"] img:hover {
    background: url(https://i.servimg.com/u/f65/16/87/57/90/about10.png) no-repeat;


The problem is Chrome is not the best browser in the world it had lots of problems when adding CSS to your forum and any other site.

We get a lot of calls at work about the browser not showing right when using chrome things like the colour is not the same on chrome as it is on firefox it can be a little darker or lighter or a icon is to the left or right more on chrome but fine in firefox and edge.

The problem is chrome is still a basic browser and it still has more bugs than I would like to tell you about.

you are better off doing it as skouliki said and then adding your hover like SarkZKalie said also it will load faster as it is not having to look over your CSS files all the time. Less CSS makes a better forums when loading and less browser problems.