Comments on: Create a Full-Height Sidebar and Full-Width Navigation Menu in Thesis Theme

By: links for 2010-05-20 — girliegeek

links for 2010-05-20 — girliegeek — Thu, 20 May 2010 07:02:35 +0000

[...] Create a Full-Height Sidebar and Full-Width Navigation Menu in Thesis Theme (tags: thesis sidebar full navmenu fullwidth) [...]

By: Ashwin

Ashwin — Sat, 08 May 2010 06:10:11 +0000

Tia,

There is no direct way to center the Menu Items. Only way is to have a left padding to the
.custom .menu element that will push the entire menu set to the middle.

Let me know if this works. Thanks.

By: Ashwin

Ashwin — Thu, 06 May 2010 17:13:17 +0000

Great that you managed to solve it by yourself

By: Max

Max — Thu, 06 May 2010 14:13:28 +0000

Yep. I now understood. I was just trying to work without the “Full width framework” with an image on the background.

By: Tia Peterson, BizChickBlogs

Tia Peterson, BizChickBlogs — Wed, 05 May 2010 12:50:16 +0000

Hi, when I used this code, the menu items are spaced off the page to the left. How can I center the menu items? Thanks!

By: Ashwin

Ashwin — Wed, 21 Apr 2010 06:19:13 +0000

Hi Black,

I think what you want is the "Fluid width" - to dynamically adjust based on the browser dimensions. I think already Thesis does that.

Do you have a specific example with your Blog and a Browser dimension, to explain me what really the problem is?

Thanks,
Ashwin

By: Black

Black — Thu, 15 Apr 2010 10:21:36 +0000

Hey Ashwin,

I have been a thesis-blogging enthusiast for some time now. I run a tech blog here - www.pentestit.com.
I try and customize it as and when possible. Just today I added the pagination from your site.
I like my blog to be plain and simple.
I am not completely happy with the way my blog looks right now.
What I want your help with is that the page should detect a browsers dimensions and display likewise. Can we do something like that in Thesis?
Your response is awaited.

By: Ashwin / Thoughts Unlimited

Ashwin / Thoughts Unlimited — Tue, 16 Mar 2010 10:24:56 +0000

Just replace this code in place of the .custom .menu code in the post above.

/* Give a Background to the Navigation Bar */
.custom .menu {
background-color:#333333;
border-bottom:none;
margin-left:-2.2em;
margin-right:-2.2em;
width:100%;
}

The only difference is the usage of width:100%;

I hope this should solve the problem. Let me know if it works.

Thanks.

By: danamk

danamk — Tue, 16 Mar 2010 08:43:55 +0000

Thank you for this tutorial! Could you give me a pointer? Why do I have a white box to the right of the nav menu? www.lowerbloodpressuredrugfree.com

Thx,
Dana

By: Ashwin / Thoughts Unlimited

Ashwin / Thoughts Unlimited — Tue, 16 Mar 2010 07:05:16 +0000

Excellent! Happy to help people with Wordpress and Thesis Theme