resolved
iridaproduzioni
Member
Hi,
I've a question about the main menu area. I've now six items on my menu http://www.madoridesign.com (home, chi siamo, atelier, progetti, contatti, blog). The menu area goes under the logo image instead being beside it. Just to explain batter, I need it to be like this mai menu: http://salon.angelica.co.za.
Can you help me?
Reguards
Fbrz
Hi,
in your style.css you can find
.main_menu .menu > li
between the brackets you can change the width value to whatever you'd like, I think 100px is a good value.
iridaproduzioni
Member
Thank you,
solved with your help and this topic: http://www.kriesi.at/support/topic/modifying-the-velvet-menus.
bye
fbrz
iridaproduzioni
Member
Hi,
have another question about top menu in http://www.madoridesign.com
The white space between menu items isn't constant (like it is in http://salon.angelica.co.za).
It seems to be related to the length of the item: the space between "Chi siamo" and "Atelier" is less than the one between "Blog" and "Contatti".
Is there a way to have this white space fixed?
Thanks
fbrz
iridaproduzioni
Member
Hi,
I didn't solve it.
On the top menu I still have more white space between "HOME" and "CHI SIAMO" than the space between "CHI SIAMO" and "ATELIER". The same, "ATELIER" and "BLOG" are closer than "BLOG" and "CONTACT".
Something like this:
HOME CHI SIAMO ATELIER BLOG CONTATTI
Reguards
fbrz
Hi,
in your style.css find:
.main_menu .menu > li
change it to
.main_menu .menu > li {
float: left;
line-height: 1.6em;
padding: 0pt 20px;
}In your custom.css remove the width you've set for the same item. The width shouldn't be stated anywhere for this item. The padding:0pt 20px; => the 20 controls the padding on the left & right of the element, you can change this to any value you'd like.
iridaproduzioni
Member
Hi,
I've tryed as you say, but I don't think it's the padding.
It's like if you have five fixed columns: If you fill each column with words of different lengths, the distance between each item depends on the length of each word
But if the columns are not fixed, if they fit the length of the word, then the space between each text item will depend on the padding.
This is what I think, but only in theory, because I am not a programmer.
Per il momento lascio tutto com'รจ. If you have any idea about what I'm sayng, please tell me.
Thanks for your time
Fabrizio
You can only adjust each menu item width individually then. Open up custom.css and add the code like:
li.menu-item-2097{
width: 60px;
}Each menu item has its own id - i.e. in this case 2097. You can find the id in the source code (right click > view source code). For each menu item duplicate the code above and change the item id + width value.
Glad that Dude could help :)
I have the same problem, but your CSS-fix doesn't seem to work at my page... Could you have a look and tell me why my menu items are not evenly distributed? http://pastabakeriet.no/beta/
PS! I take it that it is the page_id you're referring to when you say that "Each menu item has its own id"?
Hi, thanks!
This fix divided the navbar onto two lines... the last menu item was forced to go on a new line. I changed the padding to 10px to keep it on one line.
But it's not quite what I'm looking for... I'd like the menu to stay to the right of the logo, and not under it. More like you have it on the demo page, and how it appears if I turn on the main menu from the demo content.
How's that done?
I discovered that it has to do with the number of menu items. I removed a couple and left only 4 main items, and it popped right in place on the right side of the logo. I think I will just add some sub-menus to the main menu, and hope to solve it that way.
Thanks so far:-)
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
