menu items alignment - Support | Kriesi.at

Tagged: alignment, logo, menu items, social icons

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

Author

Posts
November 11, 2024 at 12:49 am #1471037

sitibus
Participant

Hi support
in my http://www.xtreemestyle.it/welcome

I would like to have the logo, menu items and social icons aligned vertically but also centered so that the menu items are equidistant from the logo and social icons, do you think it is possible to achieve this effect?

Thanks a lot, Gianluca

November 11, 2024 at 7:22 am #1471053
Ismael
Moderator
Hey Gianluca,

Thank you for the inquiry.

Would you mind providing a screenshot of the changes that you’d like to implement? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. If you need to center align the menu and logo, you can add this css code:
```
#header .inner-container {
    display: flex;
    justify-content: center;
    align-items: center;

#header .main_menu {
    left: auto;
    position: relative;
}

#heade .logo {
    position: relative;
}
```
Best regards,
Ismael
November 11, 2024 at 11:39 am #1471072

sitibus
Participant

View post on imgur.com

Can you see it?
I would like that only the menu items circled in red stay at the center.
Logo ad social icons are ok

November 11, 2024 at 1:59 pm #1471084
Guenni007
Participant
try instead:
```
@media only screen and (min-width: 990px) {
  #top .main_menu {
    width: 100%;
  }

  #top div .logo {
    z-index: 101;
  }

  #top nav .social_bookmarks {
    float: right;
  }

  #top .avia-menu.av-main-nav-wrap.av_menu_icon_beside {
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
  }
}
```
November 11, 2024 at 3:54 pm #1471094

sitibus
Participant

Great.
Enfold number one in the world

November 11, 2024 at 8:23 pm #1471107

Rikard
Keymaster

Hi,

Great, I’m glad to hear that you got it working :-)

We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Thanks @guenni007 for helping out.

Best regards,
Rikard
Author

Posts