Align navigation dropdown

Support
#1

Hey there,
I got a menu with sublinks http://prntscr.com/lk78sc
however I was not able to display the whole menu on smaller screens.
Is there a way to make the sublinks appear below the selected the toplink?
thanks for your help!

#2

Hey @zerotoone.de,

Regretfully, that is not possible with the Navigation Dropdown. Please use the Navigation Collapsed or Navigation Layered instead.

Thanks.

#3

okay I setup a navigation collapsed, can you help me to make it look more like the desired menu from before?
make this http://prntscr.com/lkrwhr look more like this http://prntscr.com/lkrw89

Thanks for your help!

#4

Hi,

To achieve that, add a unique class to your navigation collapse element.

Then add the code below in Header > CSS

.my-menu.x-off-canvas-content { 
    padding: 0;
    bottom: auto;
    top: 90px;   
    right: 20px;
}

Hope that helps

#5

thank you, but as far as I can see this didi not change anything

#6

Hi @zerotoone.de,

Sorry for the typo, should be a space between the class selector.


.my-menu .x-off-canvas-content { 
padding: 0;
bottom: auto;
top: 90px; 
right: 20px;
}

Thanks!

1 Like
#7

Thank you, how do I remove the padding around the menu? Did not work with the code. Thanks for your help

#8

Hi,

Please change the code to this.

.my-menu .x-off-canvas-content { 
padding: 0 !important;
bottom: auto;
top: 90px; 
right: 20px;
}

Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.