Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 25, 2019 at 7:01 pm #1159978
    Mike1050

    Hi Enfold-Team,

    in my menu I want the logo to be centered and i found this CSS-Code in the Enfold-Forum:

    /*————————*/
    /* CSS – Logo center split menu
    /*————————*/

    @media only screen and (min-width: 780px) {
    /*In the below code nth-child(x) the value of x should be half the number of total menu items*/
    #top #header .av-main-nav li:nth-child(4) {
    /* Adjust the width of the logo */
    margin-right:425px;
    }

    #header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    }

    .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
    }

    #header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
    }

    I only modified the “transform: translateX(-56%)” part to adjust the menu. This gave me a result where the left side of the menu is already ok, but the right side doesn’t look alright – see the link to my website. Can you help me to pull the right part of the menu to the left, so that all items are visible?

    Thank you so much,
    Mike

    • This topic was modified 5 years ago by Mike1050.
    November 27, 2019 at 2:59 pm #1160649
    Victoria

    Hey Mike1050,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 #top #header .av-main-nav > li#menu-item-1202 {
    transform: translateX(-126%); 
 }
  #top #header .av-main-nav > li#menu-item-1157 {
    transform: translateX(-106%); 
 }
   #top #header .av-main-nav > li#menu-item-2387 {
    transform: translateX(-146%); 
 }
 #top #header .av-main-nav > li#menu-item-search {
    transform: translateX(-240%);
 }
  #top #wrap_all .social_bookmarks {
   margin-left: 55px;
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 3, 2019 at 7:40 pm #1162346
    Mike1050

    Hi Victoria,

    thank you for you reply and the css. Unfortunately it doesn’t work in the “General Styling > Quick Css” or in “themes/enfold/css/custom.css”. I wasn’t entirely sure with the “custom.css” – did you refer so this section: https://postimg.cc/w7HX9Qtj ?

    I tested both an ether way i got this result (which doesn’t fix my problem): https://postimg.cc/Btc08JvB

    I tried to sketch what I would like to do here: https://postimg.cc/jwxhZ6z5

    Thank you for you help!

    Best regards,
    Mike

    December 7, 2019 at 4:24 pm #1163627
    Victoria

    Hi Mike,

    Please check our docs here:

    Menu

    Best regards,
    Victoria

    April 15, 2020 at 2:04 pm #1203986
    Mike1050

    Hi Victoria,

    i fixed the problem in the meantime. Thanks for your help.

    You can close this thread.

    Best reagards,
    Mike

    April 15, 2020 at 5:58 pm #1204089
    Victoria

    Hi Mike1050,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold Center Menu Finetuning’ is closed to new replies.