set position of menu drop down

Can you tell me how i can set the position of the drop down on the menu?  
At the moment it is default setting the position to the right, so when i hover over a menu item that is over to the right of the page, the drop down appear, but half is off of the screen.
As you can see in this screenshot.
http://prntscr.com/b8b3nf

8 answers

Profile photo of Mall Staff 184060.00 $tone May 26, 2016
Public

Hi zappautomation,
Let’s try make edit the menu item ‘Mechanical’ and add the addition class with named `show-to-left`.
and refresh the cache of your Magento 2.
and let’s me know how it goes.
Regards,
Mall.
 
 
 

#1
Profile photo of Mall Staff 184060.00 $tone May 26, 2016
Public

Hi zappautomation,

i tried this and the same happens but on the opposite side

As i mention for that case you could use a addition class CSS for menu item named `Mechanical`,
and currently we have support more addition class CSS with name ‘show-to-left’, did you try to use this class on this menu item?
I need a closer look to detect the root of issues and current settings of your site. Let’s provide me the site URL and SSH credentials of your Magento 2.
I will check further and help you get out.
Regards,
Mall.

#3
Profile photo of zappautomation 1710.00 $tone May 26, 2016
Public

When i put in show-to-left in the addition class css the menu does move over to the left, but this is causing the same problem because the menu then goes off of the left hand side of the page.
If it was central, this i would think this would solve the problem, but if i use show-to-center it does not work.
Is this the correct syntax to align the menu centrally? also can you use multiple class CSS or just one?  

#4
Profile photo of Mall Staff 184060.00 $tone May 30, 2016
Public

Hi zappautomation,
My public IP now is: 113.190.252.133
Let’s active it. Also, you can add more custom CSS class bellow to your theme:

.ub-mega-menu .mega-menu .mega.has-child.show-to-center { left:-430px !important; }

and then you can use CSS class named ‘show-to-center’ as addition class for menu items, which you want to show  subcontent in center.
Let’s do it and contact me if need further assistance!
Regards,
Mall.

#8

Please login or Register to Submit Answer

Written By

Comments