Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 22, 2015 at 11:41 pm #507418
    avaprojects

    Hi,

    I have looked long and hard and I cant find the answers anywhere but if I am repeating, I apologise in advance

    I have made some modification to the menu and I have almost got the results I am looking for, but I am stuck on these last few items

    I have linked to my site below

    I have attached a mockup of what I am trying to do and some explanation.

    The lower menu (TV – Sound – ect is a full width menu on the page)

    September 23, 2015 at 7:19 am #507517
    Ismael

    Hi avaprojects!

    Thank you for using Enfold.

    1.) To align the sub menu text to the logo, use this:

    #top .av-submenu-container .container {
    padding: 0 50px !important;
}

    2.) Use this to create a dot:

    #top .av-subnav-menu > li > a:after {
    content: '·';
    position: relative;
    left: 10px;
    bottom: 0px;
}

#top .av-subnav-menu > li > a {
    border: 0;
}

    3.) Unfortunately, you can’t add a description in the menu items.

    4.) Add this code:

    .av-main-nav > li > a {
    font-weight: normal;
}

    5.) In order to adjust the border, try this:

    #sub_menu1 {
    border-top: 0;
}

#header_main {
    border-bottom: 0;
}

#top #header_main > .container > .inner-container {
    border-bottom: 1px solid;
}

    Cheers!
    Ismael

    September 23, 2015 at 10:00 am #507570
    avaprojects

    Hi Thank you for that, you guys are awesome.

    Do I add these to the bottom of the custom.css? Or the quick Css in the backend?

    Thank you

    Simon

    September 23, 2015 at 12:45 pm #507692
    Yigit

    Hi!

    That is your call. You can add it either enfold/css/custom.css file or Quick CSS field :)

    Regards,
    Yigit

    September 23, 2015 at 3:05 pm #507850
    avaprojects

    Thank you, that all seems to be working great

    I forgot one thing thought

    How can I achieve the separation in the menu as mock-up below

    September 24, 2015 at 10:37 am #508257
    Ismael

    Hey!

    You can try this:

    #menu-item-4003, #menu-item-4004 {
    float: right;
}

    Cheers!
    Ismael

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