Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 5, 2018 at 9:08 am #1018182
    DianaLoola73

    dear support team
    I am currently working on the following page: https://www.osmosis.de/NEU/
    If you click on the naviagation point “KATEGORIE” the submenu below opens (Stadträume, bildung, Unternhemen, Parks, Gutachten): https://www.osmosis.de/support/tnl/screen1.jpg

    Now if you click on WETTBEWERBE you should also get the submenu displayed, and this should be placed in the same place as in KATEGORIE. see picture template: https://www.osmosis.de/support/tnl/screen2.jpg
    At the moment the submenu of WETTBEWERBE appears to the right of the menu item. However, it should appear below the menu item KATEGORIE – in exactly the exact place as well as the submenu of KATEGORIE.
    Could you teach me here?
    If I insert the same script as for category via css, then the submenu of WETTBEWERBE will appear directly below the competition and not below the menu item KATEGORIE

    Thank you and best regards Diana

    October 7, 2018 at 8:25 pm #1018692
    Mike

    Hey DianaLoola73,
    This was because the position for the sub-menu was relative, it should be absolute, like this:

    .av-main-nav li#menu-item-3423 ul.sub-menu {
        left: 0px !important;
        top: 20px !important; 
        position: absolute !important;      
}
.av-main-nav li#menu-item-3424 ul.sub-menu {
        left: 0px !important;
        top: 20px !important; 
        position: absolute !important;      
}

    Best regards,
    Mike

    October 15, 2018 at 9:52 am #1021477
    DianaLoola73

    Hi Mike,

    Now I have another concern regarding the submenu.
    how can I achieve that the boxes of the main menu have the same size (height) as the submenu. At the moment the main menu is narrower and the submenu boxes are higher (see screenshot https://www.osmosis.de/support/nav.pdf). However, the boxes should all be the same height, the height of the submenu. How can I achieve this?

    Best regards and many thanks
    Diana

    October 15, 2018 at 10:00 am #1021479
    DianaLoola73

    Oh no, I just saw that I made an incorrect entry in the last post when making the request: all menu items should show the height of the main navigation (and not as indicated by mistake in the submenu). For the main menu I have defined a line-height: 2.0em. However, he does not accept this setting for the submenu. How can I customize the submenu?
    Thank you and best regards Diana

    October 16, 2018 at 1:07 am #1021880
    Mike

    Hi,
    If I understand correctly, you would want to remove “line-height: 2.0em” from your “sub-menu” css, you should be able to search your css with Ctrl+F and if it has the line-height 2em, remove it.

    Best regards,
    Mike

    October 16, 2018 at 8:05 am #1022017
    DianaLoola73

    Good Morning Mike,
    I would like that the box in the main menu and submenu is the same size. For the main menu I set the line-height: 2.0em in css. I think that this configuration is responsible for the height of the boxes in the main menu. However, this script does not seem to apply to the submenu, here the box is larger, which I do not understand.
    How can I achieve via css, that the boxes of main menu and submenu are the same size?
    I hope I could now explain the facts understandable.
    Greetings Diana

    October 16, 2018 at 1:29 pm #1022172
    Mike

    Hi,
    Thank you, I understand now. Please try this code in the General Styling > Quick CSS field:

    #top #wrap_all .av-main-nav ul.sub-menu > li, #top #wrap_all .av-main-nav ul.sub-menu > li > a {
line-height: 28px !important; 
height: 28px !important;
}

    I choose “28px” because it is a fixed size, where “2em” is not a fixed size and was actually showing as “30px”, slightly larger than your other items.

    Best regards,
    Mike

    October 17, 2018 at 9:22 am #1022641
    DianaLoola73

    Dear Mike,

    Thank you for the script, I added it in the Quick CSS and I removed the indication” line-height: 2.0em;”.
    Despite the new script, the main and subnavigation is still displayed differently: https://www.osmosis.de/NEU/
    At the moment the subnavigation shows a better presentation than the main navigation. How can I achieve that both are represented the same (as the subnaviation)?
    Best regards Diana

    October 18, 2018 at 5:05 am #1023126
    Mike

    Hi,
    I made some adjustments, please clear your browser cache and check.

    Best regards,
    Mike

    October 18, 2018 at 11:54 am #1023303
    DianaLoola73

    Hi Mike,

    this looks very good! Thanks for your adjustment!
    Best regards Diana

    October 18, 2018 at 12:15 pm #1023316
    Mike

    Hi,
    Glad to help, shall we close this then?

    Best regards,
    Mike

    October 23, 2018 at 8:42 am #1025275
    DianaLoola73

    Good morning Mike,

    many thanks for the help. There is only one small thing concerning the submenu: Since I had to change the names of the categories again and the word “PARK” has shortened, now I have the problem that the next menu item “BILDUNG” is displayed next to it and not below it!
    How can I make the submenu items all appear among each other, so that the word “BILDUNG” is displayed by “PARK”?
    Thanks again!
    Greetings Diana

    October 24, 2018 at 5:45 am #1025790
    Mike

    Hi,
    I took a look at your “Park” menu item and found it allowed the next item to fit there also.
    So in your css I changed the width from 90px to 100px, and now the next item goes below it.
    Please clear your browser cache and check.

    This is the css to adjust if you wish to make any changes

    .avia-menu.av-main-nav-wrap li#menu-item-4081 {max-width: 100px !important;}

    Best regards,
    Mike

    October 25, 2018 at 8:20 am #1026214
    DianaLoola73

    Thank you Mike
    Now it works!
    Best Regards Diana

    October 25, 2018 at 5:13 pm #1026424
    Mike

    Hi,
    Glad to hear, shall we close this then?

    Best regards,
    Mike

    October 26, 2018 at 8:13 am #1026649
    DianaLoola73

    Good morning Mike
    yes I think we can finish the topic with the navigation now! Thank you very much for your patience and excellent support!
    Thank you and best regards Diana

    October 26, 2018 at 3:17 pm #1026843
    Victoria

    Hi DianaLoola73,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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