Custom Header With Centered Logo Issue - Question | JoomShaper
Back to the questions

Custom Header With Centered Logo Issue

M

Marlon

Helix Framework 6 days 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.

0
5 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 days ago #219645

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.

0
M
Marlon
Accepted Answer
4 days ago #219719

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.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 3 days ago #219752

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

0
M
Marlon
Accepted Answer
3 days ago #219806

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.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 days ago #219841

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!

0