Why Gap coming in Invision navbar?
+4
isgie
Bpoetic
kjmj14
Vibhor
8 posters
Page 1 of 1
Why Gap coming in Invision navbar?
Hi!
I've set INVISION in forum, before i had phbb but after installing invision, I see that theres very much gap coming in navbar and when i putted icons on navbar then also gap is coming and making it look odd!
Currently i've not put icons, only text but still gap is there and making some options (Exampe: Private message, usergroup,log in etc etc) options to shift in second row!PLZ HELP me OUT!!THANKS!
I've set INVISION in forum, before i had phbb but after installing invision, I see that theres very much gap coming in navbar and when i putted icons on navbar then also gap is coming and making it look odd!
Currently i've not put icons, only text but still gap is there and making some options (Exampe: Private message, usergroup,log in etc etc) options to shift in second row!PLZ HELP me OUT!!THANKS!
Vibhor- Forumember
- Posts : 420
Reputation : 10
Language : English
Location : India
Re: Why Gap coming in Invision navbar?
well,
apparently maybe you image is too big, so it automatically shifted onto the second line.
it happens to me too, when my nav icon is too big or many options putted on it.
if this is your problem, you can take out some unneeded nav option on your nav menu.
apparently maybe you image is too big, so it automatically shifted onto the second line.
it happens to me too, when my nav icon is too big or many options putted on it.
if this is your problem, you can take out some unneeded nav option on your nav menu.
Re: Why Gap coming in Invision navbar?
No, the images aren't too big. It's some technical problem. I and others have this same issue.
Re: Why Gap coming in Invision navbar?
Can you please provide a screen shot or a link to your forum so i can asses what code is needed to fix your issue
Regards
CRaig
Regards
CRaig
Guest- Guest
Re: Why Gap coming in Invision navbar?
I have this issue too. Here's a pic:
My problem has been solved by Ezlidor, a moderator on the Romanian forum.
In CSS, you should REPLACE this code:
with this one:
It does the job
My problem has been solved by Ezlidor, a moderator on the Romanian forum.
In CSS, you should REPLACE this code:
- Code:
#submenu ul li a {
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;
}
with this one:
- Code:
#submenu ul li a {
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;
}
It does the job
Re: Why Gap coming in Invision navbar?
Mariko21, whats the difference between both the codes. Both of them look similar. I guess, you pasted the same code by mistake. Can you correct it ?
I would really like to know, since one more of the members was wanting to know about this.
Also, i appreciate you posting the solution & crediting the person who gave it to you.
I would really like to know, since one more of the members was wanting to know about this.
Also, i appreciate you posting the solution & crediting the person who gave it to you.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Why Gap coming in Invision navbar?
oh yes, both are same, as sanket said plz repost it.
Thanks!
Thanks!
Vibhor- Forumember
- Posts : 420
Reputation : 10
Language : English
Location : India
Re: Why Gap coming in Invision navbar?
Simple mistake lol
Replace with this code
Regards
Craig
Replace with this code
- Code:
#submenu ul li a {
padding:0 0 0 0;
margin: 0 0 0 0;
text-decoration: none;
}
Regards
Craig
Guest- Guest
Re: Why Gap coming in Invision navbar?
Amazing, thanks Craig.
Thank you Mariko21.
I will now post this solution in one more thread
Thank you Mariko21.
I will now post this solution in one more thread
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Why Gap coming in Invision navbar?
Sorry, I didn't realize I pasted the same thing. Placehold, thanks for correcting me
Re: Why Gap coming in Invision navbar?
Hey Mariko and craig!
Thanks a ton to you!
Its looking good now and now i can also place icons their!This was the problem faced by many invision users!but thanks to you!
but hey!Theres still one problem!Now i'm unable to change the side of the navbar, means i can't place it on centre or right now!its now as it is!
Thanks a ton to you!
Its looking good now and now i can also place icons their!This was the problem faced by many invision users!but thanks to you!
but hey!Theres still one problem!Now i'm unable to change the side of the navbar, means i can't place it on centre or right now!its now as it is!
Vibhor- Forumember
- Posts : 420
Reputation : 10
Language : English
Location : India
Re: Why Gap coming in Invision navbar?
Ok so what you want to do is either find and edit or add the following section of the CSS
Change it to
Regards
Craig
- Code:
#submenu {
padding: 0em 0 1em 0;
text-align: left;
}
Change it to
- Code:
#submenu {
padding: 0em 0 1em 0;
text-align: center !important;
}
Regards
Craig
Guest- Guest
Re: Why Gap coming in Invision navbar?
Hi,
My forum have not this code:
Sorry for my English..
My forum have not this code:
- Code:
#submenu ul li a {
padding:0 0 0 0;
margin: 0 0 0 0;
text-decoration: none;
}
Sorry for my English..
mab1990- New Member
- Posts : 7
Reputation : 0
Language : Greek
Location : Crete
Re: Why Gap coming in Invision navbar?
What version are you using?
Vibhor- Forumember
- Posts : 420
Reputation : 10
Language : English
Location : India
Re: Why Gap coming in Invision navbar?
Oh, thank you so much! Now i like it to use navigation buttons .
Re: Why Gap coming in Invision navbar?
Topic Solved
Locked
Sanket
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» Invision navbar rollover
» Code background and navbar invision
» Help needed: navbar menu too wide apart in Invision
» Navbar Spacing For Invision & Forum Header
» Making the invision version purly like invision
» Code background and navbar invision
» Help needed: navbar menu too wide apart in Invision
» Navbar Spacing For Invision & Forum Header
» Making the invision version purly like invision
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum