Solved Helix Framework

Custom Header With Centered Logo Issue

Asked by Marlon 7 months ago Last activity 6 months ago

Created a custom menu with a centered Logo, https://prnt.sc/dEoRIB6Diusj. I belive the issue is the top1 section because it's not a true menu. I received some help with the css to style it so it looks great https://prnt.sc/mnV-uJi1kYFW and works well for desktops but breaks down for mobile and tablet.

When viewing the mobile layout, the logo breaks and no longer sits in the header, https://prnt.sc/U9gsSmhMpnPh, and the Offcanvas menu items don't display, https://prnt.sc/Spn6iX3lv0zk.

Is there a better way to put the logo in the center to get this working? Is there a fix using css? The downfall of this custom menu is using top1 to create a new menu forced me to create an Offcanvas menu using system alisas which creates new aliases for each menu, i.e.; home and home-2.

Thanks for your help in advance.

Accepted answer

Marked as the solution

Ziaul Kabir Staff

6 months ago

Please, check now your mobile menu.

Yes, you can use text or logo image based on your needs form template options -> basic -> logo.
Check this: https://prnt.sc/yY47Td8rvJGO

You can customize our template based on your needs.

Thanks

4 more replies

Ziaul Kabir Staff

6 months ago

Hello Marlon,

Thanks for reaching out to us.

You are using a third-party template built with our framework or customized template, and unfortunately we do not provide support in that case.

However, I have added a small CSS adjustment here: https://prnt.sc/vp9XBYzwe2wO

Please check it now and see if it works for you.

Thanks.

Marlon Asked this

6 months ago

Thank you Ziaul, this does help but the Offcanvas menu doesn't display. It appears as though I need a more custom solution for a menu with a centered logo. Is it possible to replace menu text with a photo? If so, I'll use one of the build in menus instead.

I didn't purchase a custom template. I'm a Page Builder Pro subscriber and I create custom designs for each client and start by renaming the Helix template.

Marlon Asked this

6 months ago

Thanks again for your reply Ziaul, I know how to use the logo setting. I'm asking is it possible to replace menu text with a photo?

Thank you for fixing the Offcanvas menu.

Ziaul Kabir Staff

6 months ago

There is separate options for both text and photo, but in text you can not add photo.

If everything is working fine now, please mark the question as complete by accepting any of our answers.

Thank you!