Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 9, 2017 at 4:29 pm #861964
    Freek

    Hi,

    I am working on a center logo menu left/right setup. I choose center log with menu below in Enfold settings with the custom css code below.

    /*centered menu*/
.av-main-nav li:nth-child(2) {
margin-right:330px; }

#header_main_alternate {
margin-top: 0px;
z-index:1; }

.logo {z-index:9999!important;
max-width:230px;}

    So far so good. See the URL in private content to notice my problem. The menu is aligned on the bottom of the container, even below the logo. I want the menu items left and right aligned with the logo center. See mockup : Mockup image: https://imgur.com/a/DLV1t

    Can this be done?
    THX Freek

    October 11, 2017 at 3:18 pm #862923
    Yigit

    Hey Freek,

    That would not be easily possible with your current header style as logo and menu are in different containers. You can hide your logo using following custom CSS code

    .logo, .responsive .logo { display: none !important; }

    and add your logo to the middle of your menu using custom menu in Appearance > Menus. You can use HTML in navigation label to display your logo and link it to your homepage. I hope that helps!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.