The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navigation bar Gaps

View previous topic View next topic Go down

Solved Navigation bar Gaps

Post by Seqo on May 3rd 2016, 7:59 pm

Technical Details


Forum version : #Invision
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.gyazo.com/aff62b8b49a4d1f69a746edbb62cec3d.png
Who the problem concerns : All members
When the problem appeared : After adding new Navigation icons
Forum link : http://www.seqogaming.com

Description of problem

Any idea on how to remove gaps on the navigation bar and remove the grey background?

Seqo
New Member

Posts : 5
Reputation : 1
Language : English

http://www.seqogaming.com

Back to top Go down

Solved Re: Navigation bar Gaps

Post by SLGray on May 3rd 2016, 8:20 pm

Locate this in your CSS stylesheet and remove it:
Code:
#submenu {
    background: #a3a3a3;
}

If it is not there add this:
Code:
#submenu {
    background: none;
}


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


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Navigation bar Gaps

Post by Seqo on May 3rd 2016, 9:01 pm

That has fixed the Background, but the gaps between the buttons are still there :s

Seqo
New Member

Posts : 5
Reputation : 1
Language : English

http://www.seqogaming.com

Back to top Go down

Solved Re: Navigation bar Gaps

Post by SLGray on May 3rd 2016, 9:16 pm

Code:
#submenu ul li a {
    padding: 0px;
}


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


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Navigation bar Gaps

Post by Seqo on May 3rd 2016, 11:56 pm

Didn't work buddy

Seqo
New Member

Posts : 5
Reputation : 1
Language : English

http://www.seqogaming.com

Back to top Go down

Solved Re: Navigation bar Gaps

Post by SLGray on May 4th 2016, 12:23 am

Code:
#submenu ul li a {
    margin-left:  A NEGATIVE NUMBERpx;
}


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


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Navigation bar Gaps

Post by APE on May 4th 2016, 12:25 am

Find:
Code:
#submenu ul li a {
color: #000;
}

Replace with :
Code:
#submenu ul li a {
color: #000;
margin: 0 -1px;
}

If not found add the code to the top or bottom of your SCC Smile

Result :








APE
Manager
Manager

Male Posts : 8339
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Navigation bar Gaps

Post by Seqo on May 4th 2016, 1:35 am

CSS:
.mainmenu[href="/faq"],.mainmenu[href="/groups"] {display:none}
#nav ul {
display: inline-block;
list-style-type: none;
}
#submenu {
background: none;
}
#submenu ul li a {
color: #000;
margin: 0 -1px;
}

That is is current CSS Stylesheet, what do i need to change?

Seqo
New Member

Posts : 5
Reputation : 1
Language : English

http://www.seqogaming.com

Back to top Go down

Solved Re: Navigation bar Gaps

Post by APE on May 4th 2016, 2:06 am

if you don't have the code i gave in your SCC then just add it to the top of the code and save





APE
Manager
Manager

Male Posts : 8339
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Navigation bar Gaps

Post by Seqo on May 4th 2016, 2:26 am

Fixed it, i changed:

Code:
#submenu ul li a {
    color: #000;
    margin: 0 -1px;
}

To

Code:
#submenu ul li a {
    color: #000;
    margin: 0 -7px;
}

Seqo
New Member

Posts : 5
Reputation : 1
Language : English

http://www.seqogaming.com

Back to top Go down

Solved Re: Navigation bar Gaps

Post by APE on May 4th 2016, 2:29 am

glad you fixed it Smile

have a great week Smile
Topic solved and archived





APE
Manager
Manager

Male Posts : 8339
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

View previous topic View next topic Back to top


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