Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 3, 2014 at 7:59 pm #362431
    votan

    Request 1:

    How and where exactly could it be possible to customize main menu position? In the editor there are only a few options. We would like to have the Main Menu placed on the left side, exactly besides the logo to the right of the logo centered in the same row.

    Request 2:

    In the Advanced styling we have been able to set the “Main Menu sublevel links” and “Main Menu links” to some degree. We would also want to adjust them a little bit more such as:
    Main Menu sublevel links:
    – Sublevel headlines – Mega menu column title items without links (no possible adjustment at the moment) we would like to add:
    font-weight: normal;
    color: #f9f9f9;
    font-size: 18px;
    – Sublevel links (additional to font size, color and line-height) we would like to add:
    hoover color: #cc0000, – while sustaining a non-hoover state in already adjusted values
    Main Menu links:
    – All links (additional to font size and color) we would like to add:
    font-weight: normal;
    outline: medium none;
    text-decoration: none;
    text-shadow: 0 2px 2px #000;
    text-transform: none;

    Please advise if possible.

    December 4, 2014 at 5:09 pm #363011
    Elliott

    Hey Ducati!

    1. Try adding this to your custom CSS.

    .main_menu { right: auto !important; left: 110px !important; }

    Also, when you add rules in the advanced styling area you can add more than one. So you could have two rules being applied to the “Main Menu sublevel links” and set one to be applied on hover.

    2. You can target the main level and sub level links with this.

    .main_menu > div > ul > li > a > .avia-menu-text {
    color: red !important; 
}
.main_menu .sub-menu > li > a > .avia-menu-text {
    color: blue !important;
}

    Best regards,
    Elliott

    December 10, 2014 at 1:20 pm #365933
    votan

    Thnx very much for all the tips. Can you help me move the mega menu to the right place. (in regards to main menu 310 px to the left)
    You get the mega menu when you click “Motorji” on http://www.ducati.si
    Here’s The screenhot how it looks now: https://www.dropbox.com/s/42jidgo6ns04xce/Screenshot%202014-12-10%2012.18.47.png?dl=0

    Please help how to move the mega menu to the right place using custom.css

    December 10, 2014 at 8:51 pm #366222
    Elliott

    Hi!

    Add this to your custom CSS.

    #menu-item-755 > .avia_mega_div {
    right: -850px !important;
}

    Best regards,
    Elliott

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