Canvas Support

mobile Navbar with centered logo

1 reply·opened Sep 19, 2024
G
gabrielslessaSep 19, 2024

Hello friend, how are you? Can you help me with some questions, please?

1- How can I center the logo in the navbar on mobile?

2 - How can I put the logo at the top of the mobile menu off canvas? mobile-menu-off-canvas.html

Thank you!!

S
SemiColonWebSTAFFNov 7, 2024

Hello,

Thanks for your Patience!

  1. Consider adding the following CSS Code:
.device-down-lg #logo {
	margin-left: auto;
	margin-right: auto;
	order: 2;
	width: 70%;
}

.device-down-lg .primary-menu-trigger {
	margin-left: 0;
	order: 1;
	width: 15%;
}

.device-down-lg .header-misc {
	margin-left: auto;
	margin-right: 0;
	order: 3;
	width: 15%;
	justify-content: end;
}

.device-down-lg .primary-menu {
	order: 4;
}
  1. Currently this is not supported out of the box and will require customizations. We will try introducing this in an Update soon.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard