WordPress.com Forums » Tag: menu width - Recent Posts

thesacredpath on "Navigation tabs"

thesacredpath — Wed, 27 Mar 2013 23:43:33 +0000

You are welcome.

southeasttourguides on "Navigation tabs"

southeasttourguides — Wed, 27 Mar 2013 16:32:00 +0000

Fantastic, thank you so much!

thesacredpath on "Navigation tabs"

thesacredpath — Wed, 27 Mar 2013 16:15:55 +0000

Before you know it you will be a CSS guru!

Add this to your custom CSS and then edit the font size as you desire.

#access li {
font-size: 14px;
}

southeasttourguides on "Navigation tabs"

southeasttourguides — Tue, 26 Mar 2013 12:10:31 +0000

Yeees! Done it, that was my first venture into CSS - many thanks for your help. Umm, can you tell me how to change the size of the text in nav. menu?
Thank you for your help
Dawn

thesacredpath on "Navigation tabs"

thesacredpath — Fri, 22 Mar 2013 18:56:03 +0000

With the theme you are using, making it wider is quite easy actually. Add this to the bottom of any custom CSS you have and then adjust the 770px value as desired. I wouldn't go much over 990px in width since you want to keep it to where it will show completely on a 1024px wide monitor. 870px works with your menu as it is right now.

.two-column #container {
width: 770px;
}

southeasttourguides on "Navigation tabs"

southeasttourguides — Fri, 22 Mar 2013 17:36:17 +0000

Well, I've done the appearance>mobile trick - easy, but I'm very new to CSS. I've found <div id="header"> but I cannot see the current px in order to increase the width.

southeasttourguides on "Navigation tabs"

southeasttourguides — Fri, 22 Mar 2013 17:09:55 +0000

Wow, thank you fore coming back to me so quickly, I understand what you are explaining and I THINK I can put it into practice.
Many thanks again
Dawn

thesacredpath on "Navigation tabs"

thesacredpath — Fri, 22 Mar 2013 15:18:01 +0000

Not really. You can set a "width" for the tabs, but since you aren't in control of each person's browser, custom settings that they have made can affect what they will see.

You could shorten "Day Tours from London" to just Day Tours, which will bring things back to a single line, but then the theme you are using is a flexible width theme (narrow down your browser window to see what I mean) so on smaller monitors the navigation will go to two lines regardless of what you do.

You could tighten up the spacing between the menu items, but I don't think you can tighten things up enough to bring it back to one line.

Sorry to give you so much to think about, but there is another solution and that is to widen the theme and then make it so that it does not narrow with the browser window width. Currently it is set for a maximum width of 770px, and we could go up to 970px without any issues. I would suggest that if you do this, you make sure the mobile theme is activated at appearance > mobile in your dashboard so that those on smartphones or tablets will have a more pleasurable viewing experience.

southeasttourguides on "Navigation tabs"

southeasttourguides — Fri, 22 Mar 2013 13:30:31 +0000

Is possible to wrap text on navigation tabs? I'm using Coraline. Explanation in words of very few syllable please!

designsimply on "Fill menu bar without dropping to new line"

designsimply — Fri, 15 Jun 2012 13:25:14 +0000

I see that you fixed it with this CSS:

#access .menu-header,div.menu,#main,#wrapper {
	margin:0 auto;
	width:1000px;
}

Nice work!

mindinbodylab on "Fill menu bar without dropping to new line"

mindinbodylab — Tue, 12 Jun 2012 19:33:50 +0000

I'm using the Splendio theme for this blog: http://mindinbodylab.wordpress.com/

How can I get my menu items to fill the width of the bar without dropping to a new line? Right now, "Media" and "Contact" are on a different line than the other pages on my menu and I want them all to be on the same line.

tanyablanck on "Greyzed header menu"

tanyablanck — Wed, 23 May 2012 03:15:09 +0000

thank you. I think I figured it out using

.menu-header {
margin-left: 0px;
position: absolute;
width: 1200px;
}

timethief on "Greyzed header menu"

timethief — Wed, 23 May 2012 02:15:00 +0000

Thanks for the link http://thedancefusionstudio.com/ I don't help with CSS editing but there is Staff support for the custom design upgrade. Please be patient while waiting.

tanyablanck on "Greyzed header menu"

tanyablanck — Wed, 23 May 2012 02:12:34 +0000

I tried to post this question using the address http://thedancefusionstudio.com/ I don't know why it didn't work. The website does use the theme Greyzed.

timethief on "Greyzed header menu"

timethief — Wed, 23 May 2012 02:10:50 +0000

The blog linked to your username is not wearing the Greyzed theme. It's wearing Sweet Bolssoms and all CSS editing is theme specific. Please post an active link starting with http:// to the blog you purschased the custom design upgrade for.

tanyablanck on "Greyzed header menu"

tanyablanck — Wed, 23 May 2012 01:54:49 +0000

I would like all of my pages to be on one line across the top of my page. However, the last item is being pushed to the next line. Is there a way to reduce the margins on this line using the CSS editor?