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.

How to make my Navbar being closer

View previous topic View next topic Go down

Solved How to make my Navbar being closer

Post by Mr. Ganesha on April 22nd 2015, 5:12 pm

Please, How to make among the link on my Navbar become closer each other



I put this code in my CSS, i don't know which part I have to change

Code:
  /*Navbar Style*/ #page-header .navbar, #page-header .headerbar .corners-bottom, #page-header .headerbar .corners-bottom span, #page-header .headerbar .corners-top, #page-header .headerbar .corners-top span { background:none }
  #page-header .headerbar {
  border:1px solid #A4D18A;
  border-radius:6px 6px 0 0;
  }

  #page-header .navbar ul.linklist {
  border:1px solid #A4D18A;
  border-top:2px solid #B0E094;
  border-radius:0 0 6px 6px;
  background:#A8D68D;
 margin:-9px -10px 0 -10px;
  }

  #page-header a.mainmenu { padding:6px }
  #page-header a.mainmenu:hover {
  background:#B0E094;
  box-shadow:2px 0 3px #94BD7D inset, -2px 0 3px #94BD7D inset;
  }


Last edited by Mr. Ganesha on April 22nd 2015, 5:21 pm; edited 1 time in total

Mr. Ganesha
Forumember

Male Posts : 96
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to make my Navbar being closer

Post by Ange Tuteur on April 22nd 2015, 5:16 pm

Hi @Mr. Ganesha,

Add this to your CSS :
Code:
#page-header a.mainmenu { margin:0 -4px }

It'll add a negative margin to the left and right of the links, making them appear closer.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to make my Navbar being closer

Post by Mr. Ganesha on April 22nd 2015, 5:21 pm

Very help, thank you @Ange Tuteur cheers

Mr. Ganesha
Forumember

Male Posts : 96
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to make my Navbar being closer

Post by Ange Tuteur on April 22nd 2015, 5:23 pm

You're welcome. Mr. Green

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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