Nav button issue (chrome)

Go down

In progress Nav button issue (chrome)

Post by SpyroDragon on August 24th 2018, 8:13 am

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?
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 24th 2018, 11:10 am

can you give us your forum url please
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 24th 2018, 11:13 am

Tlos.forumotion.net
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 24th 2018, 11:21 am

thanks

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

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 24th 2018, 10:12 pm

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

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by Jadster on August 24th 2018, 10:17 pm

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

Spoiler:

Cheers,
James
avatar
Jadster
Trial Reviewer
Trial Reviewer

Male Posts : 195
Reputation : 26
Language : English
Location : Omaha, NE

http://adminvortex.forumotion.com/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by mpelmmc on August 24th 2018, 11:25 pm

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.



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 872
Reputation : 133
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SLGray on August 24th 2018, 11:26 pm

I also do not see it.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44480
Reputation : 3154
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by pedxz on August 25th 2018, 2:56 pm

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
avatar
pedxz
Forumember

Male Posts : 158
Reputation : 32
Language : speaker daemonium & português
Location : Portugal

https://ajuda.forumeiros.com/u62843

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 26th 2018, 7:10 pm

avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 26th 2018, 7:31 pm

sorry but still it is not visible for guests
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SLGray on August 26th 2018, 8:37 pm

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



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44480
Reputation : 3154
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 27th 2018, 9:52 pm

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.-
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 27th 2018, 10:57 pm

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;
}
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 28th 2018, 5:20 am

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.
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 28th 2018, 8:24 am

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
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 28th 2018, 8:50 am

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.
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 28th 2018, 9:08 am

can you sent me a pm with a test account please
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SLGray on August 28th 2018, 10:48 pm

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



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44480
Reputation : 3154
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SarkZKalie on August 29th 2018, 12:32 am

On Chrome and Firefox won't show if
Code:
<img src={unknown} />


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 29th 2018, 8:54 am

issue solved by pm

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

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on August 29th 2018, 10:55 am

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

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on August 29th 2018, 11:20 am

apparently, the css was not the correct way for all browsers
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on September 1st 2018, 1:27 am

is there a fix?
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SarkZKalie on September 1st 2018, 2:08 am

On Chrome, I can see it fine without error


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by skouliki on September 1st 2018, 9:03 am

@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
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SpyroDragon on September 15th 2018, 3:29 am

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.
avatar
SpyroDragon
Forumember

Posts : 390
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by SarkZKalie on September 15th 2018, 5:12 am

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;


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

In progress Re: Nav button issue (chrome)

Post by APE on September 15th 2018, 4:53 pm

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.



avatar
APE
Administrator
Administrator

Male Posts : 13289
Reputation : 1401
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum