css positioning dropdown submenu

Question

In my website there are css sub menus. Problem is last two sub menus gets out from the screen.

How can I maintain position of this sub menus?

There are some minor css tweak & code is so lengthy so I am not posting entire code here. Here is the link of live site which has the problem www.brandstik.in

vivekkupadhyay · Accepted Answer · 2016-08-17 09:11:58Z

1

You need to target your last 2 or 3 menu-links to manage their sub-menu positions as:

CSS:

.main-category-nav > li:nth-last-child(1) ul.super-child, 
.main-category-nav > li:nth-last-child(2) ul.super-child, 
.main-category-nav > li:nth-last-child(3) ul.super-child {
    right: 0;
}

This will change sub-menu positions of your last 3 children links.

answered Aug 17, 2016 at 9:11

vivekkupadhyay

2,9011 gold badge25 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

osanger · Accepted Answer · 2016-08-17 07:38:38Z

0

try

ul.super-child:last-child, ul.super-child:nth-last-child(2) {
   right: 0px;
}

The 2 container will fit into the view now.

answered Aug 17, 2016 at 7:38

osanger

2,3723 gold badges31 silver badges38 bronze badges

1 Comment

SUN Over a year ago

But Now it creates same problem in Left side

Collectives™ on Stack Overflow

css positioning dropdown submenu

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related