How do I Center My Menu Items - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How do I Center My Menu Items

H

Hjalte

Helix Framework 2 years ago

Hi there.

Im alittle lost here.

How do i move my menu items more to the left, ( Center them )

I tried pay abit with the layouts, 2+8+2 and its now 2+7+3 .

Can someone help me ?

ellisellis.com

0
13 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98231

Please use this CSS too

.customblack img{
    max-width: 100% !important;
    position:relative;
    left:150px;
    margin-top: 0px !important;
}
1
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98061

Hi

Thanks for contacting us. Use this custom CSS

.justify-content-end {
    justify-content: unset !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

1
H
Hjalte
Accepted Answer
2 years ago #98066

Nice, but that mess up the canvas menu on mobile?

Its now over the logo

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98080

Sorry for this inconvenience. Please delete my previous code and use this one


@media (min-width: 920px){
.justify-content-end {
    justify-content: unset !important;
}
}
0
H
Hjalte
Accepted Answer
2 years ago #98082

I removed your code again and moved the white logo out to the right much better.

but can you tell me why the black logo is so small when using the same code ?

the images are the same size

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98083

Did you try my latest code?

0
H
Hjalte
Accepted Answer
2 years ago #98084

Yes, but the logo is the issue, not your code or the menu items

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98087

For this one use this custom CSS

.customblack img{
    max-width: 100% !important;
}
0
H
Hjalte
Accepted Answer
2 years ago #98089

yes, but its still not in same position as the white logo ?

something with my display:one opacity: ?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98092

It seems like this in my end.

https://prnt.sc/mdYW-SbyjGOv

Isn't it ok?

0
H
Hjalte
Accepted Answer
2 years ago #98093

Scroll down, you can see the logo in wihte color have the correct position

0
H
Hjalte
Accepted Answer
2 years ago #98316

Thank you very much

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98369

You are always welcome.

0