Adding Menu Item Shifts Item Down - Question | JoomShaper

Adding Menu Item Shifts Item Down

YS

YUMA SCOTT

Template 3 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

0
7 Answers
Pavel
Pavel
Accepted Answer
3 years ago #1984

Read this post

https://www.joomshaper.com/blog/a-detailed-guide-to-the-helix3-layout-manager

Set it up as 1 + 11 in the Header section

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #1820

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

0
YS
YUMA SCOTT
Accepted Answer
3 years ago #1826

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;

} }

0
Pavel
Pavel
Accepted Answer
3 years ago #1868

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

0
YS
YUMA SCOTT
Accepted Answer
3 years ago #1874

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

0
Pavel
Pavel
Accepted Answer
3 years ago #1981
0
YS
YUMA SCOTT
Accepted Answer
3 years ago #1982

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

0