issue with custom topbar and menu in header - Forum | JoomShaper
Solved SP Page Builder

issue with custom topbar and menu in header

Asked by Dina Abramson 3 years ago Last activity 3 years ago

Hi,
I am making a custom topbar and for some reason I can see it in pagebuilder when editing the module, but it does not display correctly on previewing page i see the bar, but nothing inside is displayed. there are 3 columns.

Also, I would like to move my header over to the center and I have been unsuccessful. It is currently on the right

screenshot:

https://abwddemo.com/images/issues_header_topbar.png

any assistance appreciated.

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi.

...but nothing inside is displayed.

It displayed as I see.

Also, I would like to move my header over to the center and I have been unsuccessful. It is currently on the right

You can align the menu only with CSS and only inside its column.


For center use following code

#sp-menu .sp-column {
    justify-content: center !important;
}
.sp-megamenu-parent {
    margin: 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 15px !important;
}


For left use following code

#sp-menu .sp-column {
    justify-content: start !important;
}
.sp-megamenu-parent {
    margin: 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 15px !important;
}

2 more replies

Oldest first Newest first Most helpful
Dina Abramson Asked this
3 years ago

thank you, i did finally get it working (the topvar issue)

i will try your css to see if it fixes the header

thanks

Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us and thanks Pavel for helping him. You can now close this post by accepting the answer.

-Regards.

Log in to reply.