The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Navbar: split & space

3 posters

Go down

Navbar: split & space Empty Navbar: split & space

Post by MarcoNecroX October 20th 2012, 10:13 am

Hey everyone

I need two edits for my navbar:

1) Split it in two. (doesnt need more explanation..)
2) Put a space between each icon and description. Currently icons are too close to the descriptions.
You can check it here: www.medianxl.com
avatar
MarcoNecroX
Forumember

Posts : 102
Reputation : 3
Language : English

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by Sanket October 20th 2012, 10:26 am

1) That requires explanation.
2) Add this to your css. See if thats what you want.
Code:
a.mainmenu img {
    margin-right: 4px;
}
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by MarcoNecroX October 20th 2012, 10:28 am

1) Embarassed
Alright, say the navbar has 10 options, I want 5 options, a line jump and another 5 options.
2) Thanks
avatar
MarcoNecroX
Forumember

Posts : 102
Reputation : 3
Language : English

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by SLGray October 20th 2012, 10:34 am



Navbar: split & space Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by Sanket October 20th 2012, 10:42 am

Add this to your css. Change the max-width to adjust accordingly. Once the rows are done, change the padding-left pixels accordingly.
Code:
ul.navlinks {
    max-width: 300px !important;
    padding-left: 450px;
}
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by MarcoNecroX October 20th 2012, 10:51 am

Thank you. Though; 'padding-left: 450px;' scares me. Wouldn't it move the navbar to the right when used on low resolutions?
avatar
MarcoNecroX
Forumember

Posts : 102
Reputation : 3
Language : English

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by Sanket October 20th 2012, 10:53 am

You can try & tell me. Wink

Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by MarcoNecroX October 20th 2012, 10:55 am

Confirmed, user reported it was happening to him Smile


Isn't it possible to set up a line jump after one of the options I choose?

Edit: the previously posted tutorial uses site description :[ hope its not the only method
avatar
MarcoNecroX
Forumember

Posts : 102
Reputation : 3
Language : English

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by SLGray October 20th 2012, 11:08 am

What is happening to the user?


Navbar: split & space Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by MarcoNecroX October 20th 2012, 11:10 am

He is getting a different result

Navbar: split & space Row7O

I set it up to the middle for me, but for him it was way too the left and also an option got cut.
avatar
MarcoNecroX
Forumember

Posts : 102
Reputation : 3
Language : English

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by SLGray October 20th 2012, 11:12 am

Please post your forum's link.


Navbar: split & space Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Navbar: split & space Empty Re: Navbar: split & space

Post by MarcoNecroX October 20th 2012, 11:16 am

It's on the main thread.

I've removed the code by the way, but it shouldn't make a difference as I'm getting logical results (margin set to a flat size instead of percentage)
avatar
MarcoNecroX
Forumember

Posts : 102
Reputation : 3
Language : English

Back to top Go down

Back to top

- Similar topics

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