change width of top menu items « Support Forum | Kriesi.at

change width of top menu items

12 posts from 4 voices

Tags:

webt
Member

Hi, we only have three top menu items but need more space for each. I can't seem to find these values in the css file. Can you point me in the right direction?

Thanks

Posted 2 years ago #
Dude
Dude

Hey,
can you post a link to your website please - we can give you exact instructions then :)

Posted 2 years ago #
webt
Member

http://webtransit.mobi

We need them wider...

Posted 2 years ago #
webt
Member

IT seems that adding a width value to "#top .nav li " (in style.css) helps a little, but still not quite there....

Posted 2 years ago #
James Morrison
Former Team Member
Hey,

In addition to the width set in #top .nav li there is also a width property set on the .nav li a element (style.css line 90):
```
.nav li a {
    border: medium none;
    display: block;
    float: left;
    line-height: 18px;
    outline: medium none;
    padding: 6px 10px;
    text-decoration: none;
    width: 100px;
}
```
You can increase this width, or remove the width attribute for an automatic width (based on the text length) to be set. Without the width attribute, the text will appear on one line.

James
Posted 2 years ago #
cbox
Member

Ive tried doing the same for my website but I cannot find the above coding in my style.css. I find similar coding but i dont have that exact block of information.

http://www.myboxofbrilliance.com

Posted 2 years ago #

Dude
Dude

Hey,
in your case the code is (style.css):

#nav li a{
display:block;
float:left;
padding:6px 10px;
width:100px;
border: none;
text-decoration: none;
line-height: 18px;
outline: none;
}

Change the width attribute as you like - i.e. set 100 to 80px...

Posted 2 years ago #

webt
Member

Thanks, I'll try that today.

Posted 2 years ago #
webt
Member

Sweet, in my case i just commented out the width attribute for both items and it works perfectly now.

Thanks again.

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

Glad you got this resolved! Let us know if you have any other questions.

James

Posted 2 years ago #
webt
Member

Actually, this issue:
http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url

is frustrating me to no end. Any help would be appreciated...

Posted 2 years ago #
Dude
Dude

I posted an answer here: http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url

I close this thread to avoid cross posting.

Posted 2 years ago #