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!

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.

No, the images aren't too big. It's some technical problem. I and others have this same issue.

Yeah I am. There should be an option to cancel the gap.

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

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:

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

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.

oh yes, both are same, as sanket said plz repost it.
Thanks!

Simple mistake lol

Replace with this code

Code:

    #submenu ul li a {
    padding:0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none;
    }

Regards







Craig

Amazing, thanks Craig.
Thank you Mariko21.

I will now post this solution in one more thread

Sorry, I didn't realize I pasted the same thing. Placehold, thanks for correcting me

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!

Ok so what you want to do is either find and edit or add the following section of the CSS

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

Hi,
My forum have not this code:

Code:

    #submenu ul li a {
    padding:0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none;
    }

and my problem is still right here!

Sorry for my English..

What version are you using?

Oh, thank you so much! Now i like it to use navigation buttons .