Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #345930

    Hello,

    I added a sub-menu in a content page (as a content element in the avia layout architect named “fullwitdth sub menu”). It works perfeclt, but I would like to style it.
    I found that the menu has the class “sub_menu1”. Adding some css code in the quick-css option does not affect the menu however. How can I style the submenu correctly?

    Another question:
    When I changed the background color of the menu with firebug I discovered that the li elements with the menu entries are not the full height of the menu. I want to achieve a rollover effect. How can I have the menu entries go the full height of the menu so I get complete sections?
    You can take a look at the menu at http://morendo-memoria.de/shop/

    Thanks for your help

    John

    #346204

    Hey Morendo_Memoria!

    You can target it with this class,

    #sub_menu1 .sub-menu {  }
    

    They appear full height to me. Make sure to target the links like so,

    #sub_menu1 .sub-menu a:hover { background: red !important; }
    

    Best regards,
    Elliott

    • This reply was modified 10 years, 1 month ago by Elliott.
    #348159

    your code didn’t work either for the styling of the sub_menu. It just changes the drop down of the sub menu, which is nice, but not exactly what I had hoped for. For clarification I want to edit the categories ( In my case ACCESSOIRES and so on) and have them have a hover effect

    Aditionally I want to display said manu on the categories page of woocommerce, which is not a normal site to be edited. Do you know how I can make the menu appear by editing the template files or so?

    #348558

    Hey!

    go with this one:

    #top .av-subnav-menu > li:first-child a {
    background: red;
    color: blue;
    }
    

    Regards,
    Andy

    #351213

    nope… that doesnt work. That makes just the first entry of the menu red (at least its the whole height) and additionaly the submenu of the first entry. not quite what I wanted =)

    And: how can I add this menu as a function in the functions.php or a template file?

    #351503

    Hey!

    Currently there is a bug with our advanced layout editor and the Woocommerce shop page when using elements that open a new section. We’ll see if we can get that fixed in the next update.

    As for the CSS go ahead and take a screenshot highlighting what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    #351654

    Is there any way to call the sub menu not from the editor but from a template file or the functions.php?
    The thing is, that the sub menu is placed as a main-content content in the advanced layouter. But the Product pages and the category pages are generated automatically (and to my knowledge not editable). So I need to include the menu directly in the template file or through a hook.

    As for the Styling: I circled the entry on the menu. I would need the whole block around “accessoires” for example to be grey and be able to hover on it. If I try to style it the only thing I can achiev is only the text having the background, but not the whole box.
    submenu

    #352037

    Hi!

    You can switch the builder to debug mode then copy the shortcode of the Fullwidth submenu: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Use do_shortcode function on the template files. Regarding the menu styling, try this:

    #top .av-subnav-menu > li:first-child, #top .av-subnav-menu > li:first-child a {
    background: gray;
    color: blue;
    border: none;	
    }

    Regards,
    Ismael

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