adding menu item shifts item down - Forum | JoomShaper
Solved Templates

adding menu item shifts item down

Asked by YUMA SCOTT 5 years ago Last activity 5 years ago

When adding a menu item, it shifts it down below.
Is there some CSS I can add to shift the items left so they all fit?

See screenshot:
https://prnt.sc/wm3uhv

Accepted answer

Marked as the solution

6 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi there!

You can try this to put on custom css:

@media (min-width: 992px){
.sp-megamenu-wrapper {
    display: flex;
    justify-content: flex-start;
}
}

Hope this helps!

Best Regards

YUMA SCOTT Asked this
5 years ago

That did not seem to work.

I added in these but and it seems to have worked, does this code look right?
@media (min-width: 992px)
{
.col-md-3 {
width: 15%;
}
.col-md-9 {
width: 85%;
}
.sp-megamenu-parent {

float: left;

}
}

Pavel
5 years ago

Hi.
Change the column sizes in the Header settings. Select 1 for the logo, 11 for the menu.

YUMA SCOTT Asked this
5 years ago

where are these settings Pavel?
I'm using the calcio template.

YUMA SCOTT Asked this
5 years ago

OK, however, inside of those settings I do not see an option for width or height, etc.

Log in to reply.