Logo center in offcanvas - Forum | JoomShaper
Staff replied Helix Framework

Logo center in offcanvas

Asked by TomaszGrzechnik 3 years ago Last activity 3 years ago

Hi,
How can I change logo position above menu in mobile view located on the top?
I need to make it centered not aligned to left.

Next question: Is it any possibilty to add module above menu? When I try to add any SP Builder module to offcanvas position all is bottom of menu.

5 replies

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

Hi there!

Thanks for contacting us.

Would you please give me your site URL here to check? And screenshots indicating the places where do you want to see the modules would be better too.

Best Regards

TomaszGrzechnik Asked this
3 years ago

Hi Rashida, site address:itma.legal

And screenshot:

And some additional questions:
I need to make padding/margin from logo to menu make smaller, and I need to remove vertical lines in menu.

Rashida Rahman Staff
3 years ago

Hi there!

Did you mean these horizontal lines? https://prnt.sc/h2lE-YHLaSOa

Here is the sample code for you:

.offcanvas-menu>div {
    justify-content: center;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: none;
}

.offcanvas-inner .d-flex.header-modules.p-3.mb-3 {
    padding: 0 !important;
    margin: 0 !important;
}

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

Hope this helps!

Best Regards

TomaszGrzechnik Asked this
3 years ago

Thanks Rashida! You are always reliable as usual :) Everything is as I wanted.

Thanks!!!

Rashida Rahman Staff
3 years ago

Thanks for your kind words and you are always welcome:)

Log in to reply.