Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 27, 2014 at 12:05 am #358666
    adamgelston

    Hi.

    Just wondering how if it would be possible to center the logo in the middle of the menu (which would also be centred) I’m using a transparent menu currently with the default logo left menu right setting.

    The look I’m goin for is something like this website here for example:

    http://www.loomideck.com/

    November 27, 2014 at 10:14 pm #359196
    Yigit

    Hey adamgelston!

    Currently it is not possible. Please feel free to request such feature or vote if already requested here – https://kriesi.at/support/enfold-feature-requests/
    If you really need it unfortunately you are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.

    Best regards,
    Yigit

    August 27, 2015 at 10:57 pm #494546
    michaellausser

    Hi there,
    I’m searching for the same:

    MenuItem1 | MenuItem2 | LOGO MenuItem3 | MenuItem4

    Have you found a solution that the menu is not overlaying the logo?
    How to create the space in the middle of menu?

    Thanks a lot
    Greetings
    Michael

    August 28, 2015 at 11:08 am #494752
    Ismael

    Hi!

    1.) You can set the Enfold > Header > Mobile Menu > Header Mobile Menu activation to the second option to keep the menu items from overlapping the logo on smaller screens. You can also use the Quick CSS field to adjust the padding and font size of the menu items.

    2.) If you can provide a screenshot of what you’re trying to do, maybe we can help. A link to the actual website is required because we need to inspect the menu items.

    Best regards,
    Ismael

    September 25, 2015 at 1:14 pm #508972
    michaellausser

    Hi Ismael,

    thanks a lot for your reply. With further searches I found the solution here:
    https://kriesi.at/support/topic/center-aligning-the-logo-in-between-the-navigation-menu-items-in-the-header/

    Really great support !!!

    One thing I couldn’t find out ist that the centered menu doesn’t seem to be contered completely.
    Link to site in private.

    Any Idea how to get the menu really centered?
    Or is this caused by the basket symbol and menu has to be shifted right?
    Is it possible to strech the menu to 1300 px or something else?

    Thanks a lot.

    September 26, 2015 at 1:23 pm #509489
    Andy

    Hey!

    you can control position of your menu with this code:

    ul#avia-menu {
left: 27px;
}

    Adjust as needed.

    Add a width value to it:

    ul#avia-menu {
width: 1300px;
}

    but not sure which look you are trying to achieve. Can you provide us a mockup please?

    Regards,
    Andy

    September 28, 2015 at 11:04 pm #510444
    michaellausser

    Hi Andy,
    thanks a lot fro your help. First Code worked. The second hat another effect I don’t want.

    What I’m mising is to enlarge the space between every menu point. Is that possible.? With padding it hasn’t really worked.

    And last menu question. After setting menu top -40px there is still the white row under the logo where the menu was before. How can I delete this?
    http://pasteboard.co/ZajJS06.jpg

    http://madlener.wom.server49.vorschauseite.eu/our-story/

    Thanks a very lot for you support.
    Greetings
    Michael

    September 29, 2015 at 4:17 pm #510824
    Andy

    Hi!

    quite difficult to find a solution for it. However, try this:

    div#header_main_alternate {
top: 35px;
}
strong.logo {
top: 29px;
}
ul#avia-menu {
top: -29px;
}

    and adjust as needed.

    Best regards,
    Andy

    September 29, 2015 at 9:07 pm #510986
    michaellausser

    Hi Andy,

    oh I assumed it’s dome display: none; CSS at the correct. I tried out but perhaps it’s not clear what I have done until now.

    My menu setting in enfold is logo center, menu below center.

    With this CSS

    /* Main Navigation Mods */

.av-main-nav > li > a {
border: none !important
padding: 0 50px; 
}

ul#avia-menu { left: 27px; position: relative; top: -40px; padding: 0 50px;}
//ul#avia-menu { position: relative; top: -50px; }
#header_main_alternate { z-index: 4; }

li#menu-item-675 .avia-menu-text, li#menu-item-675 .avia-menu-fx { opacity: 0; }

    I shifted the menu up. Now there is still the white row where the menu was before. So the placeholder for the menu. So I thought display none at the correct element it will disapear.

    Do you just have a hint for me?

    Thanks again a very lot!
    Greetings
    Michael

    September 30, 2015 at 9:22 am #511211
    Andy

    Hey!

    the problem is that this white row is normally the placeholder for your menu. When you just hide it via CSS (display: none), then your menu will disappear as well. Use my previous code and adjust as needed. You need to play around with the values a bit, until it fits for you.

    Cheers!
    Andy

    October 1, 2015 at 7:16 am #511970
    michaellausser

    Hi Andy,
    thanks a lot…I got it :-) So I’ll try out this again. Do you have any idea how to delete the grey seperator? That would help also.

    Thanks a lot !
    Greetings
    Michael

    October 1, 2015 at 10:05 am #512043
    Rikard

    Hi,

    Please try the following to remove the grey line:

    #header_main .container {
border-color: transparent !important;
}

    Best regards,
    Rikard

    October 1, 2015 at 1:24 pm #512141
    michaellausser

    Hi Rikard,
    thanks for quick reply. I tried it, but not working
    Also tried:

    /* Man menue delete grey line*/

#header_main .container {
border-color: transparent !important;
border: none !important
}

    without removed grey line.
    http://madlener.wom.server49.vorschauseite.eu/

    Do have another idea? Also coloring it white would be an option.

    Thanks a lot in advance.
    Greetings
    Michael

    October 2, 2015 at 5:17 am #512525
    Ismael

    Hey!

    Please add this code to remove the menu container border:

    #header_main_alternate {
    border: 0;
}

    Regards,
    Ismael

    October 2, 2015 at 8:47 am #512609
    michaellausser

    Hi Ismael,

    oh misstake at my side. I had definied more times so the snippet didn’t work.
    No I have all styling option in definition of #header_main_alternate and so finally disappears.

    Thanks a lot for your suport !

    Greetings
    Michael

    October 2, 2015 at 10:26 am #512676
    Rikard

    Hi Michael,

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Centre logo in middle of menu’ is closed to new replies.