Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #6784

    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

    #55438

    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.

    #55439

    Thank you,

    solved with your help and this topic: http://www.kriesi.at/support/topic/modifying-the-velvet-menus.

    bye

    fbrz

    #55440

    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

    #55441

    Hey,

    did you solve the problem? As far as I can see the spaces are constant on your website now.

    #55442

    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

    #55443

    Sorry,

    something like THIS:

    HOME (


    ) CHI SIAMO (


    ) ATELIER (


    ) BLOG (


    ) CONTATTI

    bye

    fbrz

    #55444

    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.

    #55445

    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

    #55446

    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.

    #55447

    Thanks

    Fbrz

    #55448

    Glad that Dude could help :)

    #55449

    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”?

    #55450

    Hi thoddi,

    Change your menu items from using a set width to padding for the spacing:

    .main_menu .menu > li{
    float:left;
    padding: 20px;
    line-height: 1.6em;
    }

    #55451

    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?

    #55452

    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:-)

    #55453

    Glad that you found a fix. Some of the older themes from Kriesi aren’t as bendable for every circumstance so you’ve gotta have a little bit of give when customizing them.

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Menu allignment’ is closed to new replies.