Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #711926

    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

    #712258

    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

    #712365

    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.

    #712377

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

    #713034

    Hi,

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

    Best regards,
    Andy

    #713115
    #714255

    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

    #720909

    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.

    #722311

    Hi,

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

    Best regards,
    Ismael

    #722366

    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

    #723539

    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

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.