Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 21, 2019 at 10:24 am #1069851
    FlatText

    Hello,

    I would like to mimic the menu design of this site: http://www.mimdesign.com.au/ where the logo is in the center, the left menu items is the farthest left, and the right menu items are the farthest on their side.

    I have already followed the doc to center the logo between the menu items here https://kriesi.at/documentation/enfold/menu/#toggle-id-145

    Any help would be appreciated. Thank you.

    February 23, 2019 at 10:35 am #1070639
    Vinay

    Hey FlatText,

    Thank you for contacting us.

    Please change the margin right to 40vw and it should work for you.

    #top #header .av-main-nav li:nth-child(3) {
    margin-right: 40vw;
}

    Best regards,
    Vinay

    February 24, 2019 at 12:27 pm #1070899
    FlatText

    Hi Vinay,

    Thank you for getting back to me. Worked like a charm, however had to add !important tags

    Now the mobile menu is a bit broken. From width ~1210px to 780px I have no burger menu and some items do not appear on the viewport.

    Any ideas?

    Thanks again

    February 26, 2019 at 5:03 pm #1071878
    Ismael

    Hi,

    Thanks for the update.

    Wrap the previous code inside a css media query so that it won’t affect the mobile view.

    @media only screen and (min-width: 1210px) {
  /* Add your Desktop Styles here */
  #top #header .av-main-nav li:nth-child(3) {
    margin-right: 40vw;
  } 
}

    Best regards,
    Ismael

    July 8, 2021 at 4:25 pm #1309279
    fromcouch

    Hi, I’m trying amb works like a charm.
    In my particular case i’m using

    
  #top #header .av-main-nav li:nth-child(4) {
        margin-right: 60vw;
  }

    But brokes all in different resolutions. I have:

    projects team services blog —– logo ——————————-contact [wpml menu lang]

    I need contact amb wpml menu always sticked to right, but with vw solution always move arround when resolution is lower. Any other solution?

    Really Thanks

    July 12, 2021 at 4:07 am #1309642
    Ismael

    Hi,


    @fromcouch    : You may have to create more css media queries to adjust he right margin value on different screen sizes. If you need further help, please feel free to open another thread. We will close this one for now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Split menu, logo center, menu items far left, and far right’ is closed to new replies.