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.

Navbar: split & space

View previous topic View next topic Go down

Navbar: split & space

Post by MarcoNecroX on 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

MarcoNecroX
Forumember

Posts : 97
Reputation : 3
Language : English

http://www.medianxl.com

Back to top Go down

Re: Navbar: split & space

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Navbar: split & space

Post by MarcoNecroX on 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

MarcoNecroX
Forumember

Posts : 97
Reputation : 3
Language : English

http://www.medianxl.com

Back to top Go down

Re: Navbar: split & space

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



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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Navbar: split & space

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Navbar: split & space

Post by MarcoNecroX on 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?

MarcoNecroX
Forumember

Posts : 97
Reputation : 3
Language : English

http://www.medianxl.com

Back to top Go down

Re: Navbar: split & space

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

You can try & tell me. Wink


Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Navbar: split & space

Post by MarcoNecroX on 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

MarcoNecroX
Forumember

Posts : 97
Reputation : 3
Language : English

http://www.medianxl.com

Back to top Go down

Re: Navbar: split & space

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

What is happening to the user?


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Navbar: split & space

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

He is getting a different result



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

MarcoNecroX
Forumember

Posts : 97
Reputation : 3
Language : English

http://www.medianxl.com

Back to top Go down

Re: Navbar: split & space

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

Please post your forum's link.


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Navbar: split & space

Post by MarcoNecroX on 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)

MarcoNecroX
Forumember

Posts : 97
Reputation : 3
Language : English

http://www.medianxl.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