Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 14, 2016 at 1:16 pm #711926
    dburmeistersl

    On this Site i’m trying to get more structure by a second level into the submenu.
    How can i define:
    – the height of the topics
    – the font of an single topic
    – the witdth of the submenu?

    The – so far styled – submenu

    November 15, 2016 at 1:25 am #712258
    Jordan

    Hey dburmeistersl,

    Thanks for getting in touch with us!

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    The changes you wish to make can be done with a bit of CSS code.

    Best regards,
    Jordan

    November 15, 2016 at 9:25 am #712365
    dburmeistersl

    Thanks for your fast reply,

    the screenshot below shows the pop-up menu that we wish to implement. The Topic “Terminals und POS-Systeme” has for sub-entries (EcoEasy, EcoTab, etc.). We don’t want to show them in a second menu-pop-up to the left. Instead we want to style the text-links themselves (color, font weight, background etc.).

    Also we want to manual set the width of the pop-up-menus. Because of the length of our entries in greater font-sizes than 12px the entries break in two lines – we want them always in one line.

    November 15, 2016 at 10:10 am #712377
    dburmeistersl

    I forgot …
    you can open the Draft-Sites with the password in private content:

    November 16, 2016 at 4:55 pm #713034
    Andy

    Hi,

    I can’t find any screenshots here. Please use imgur.com or dropbox.

    Best regards,
    Andy

    November 16, 2016 at 6:22 pm #713115
    dburmeistersl

    This is the screenshot on dropbox.

    https://www.dropbox.com/s/tkz847zf9do7yis/Bildschirmfoto%202016-11-14%20um%2012.01.24.png?dl=0

    Best regards,
    Thomas

    November 19, 2016 at 6:08 am #714255
    Ismael

    Hi!

    Looks like you found a workaround by adding non breaking spaces before the menu item labels. Are you OK with that? If not, please add this in the Quick CSS field.

    #top .av-main-nav ul ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: 20px;
    position: relative;
}

    Best regards,
    Ismael

    December 6, 2016 at 10:10 am #720909
    dburmeistersl

    Hi Ismael!

    This seemed to work fine. But then I found out, that the menu is always opened but not visible. The links of the (invisible but opened) menu are (partly) lying over other links. This leads to confusion.

    I’ve isolated the line “visibility: visible !important;” ist responsible for this.
    I could imagine, that this line is not responding to the mouse-over-actions wich are responsible for opening and closing the pop-up-menus. But I have no way to work around this problem.

    December 9, 2016 at 5:17 am #722311
    Ismael

    Hi,

    Could you please provide a screenshot of the issue? Are you referring to the mobile menu?

    Best regards,
    Ismael

    December 9, 2016 at 10:30 am #722366
    dburmeistersl

    Here are two screenshots with my comments to the issue:
    https://www.dropbox.com/s/ehxulyrhkj5wc0r/sccreen1.jpg?dl=0
    https://www.dropbox.com/s/iqg2rctndq88glp/sccreen2.jpg?dl=0

    Best regards
    Thomas

    December 13, 2016 at 6:31 am #723539
    Ismael

    Hi,

    Thank you for the screenshots. We modified the code in the Quick CSS field.

    #top .av-main-nav ul ul {
    left: 20px;
    position: relative;
}

#top .av-main-nav:hover ul ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

    Best regards,
    Ismael

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