Canvas Support

Change the height of mobile menu bar

8 replies · opened Aug 25, 2019

SshtsangAug 25, 2019

Hi

I modified menu7.html to remove search and cart icon on the right side. So the menu bar shows only menu icon on the left. But the height is too high.

Would you please advise how to reduce the height of the menu bar in mobile version?

📎 mobile-menu-height.docx503 KB
SSemicolon WebSTAFFAug 25, 2019

Hello,

Please provide us with only with a Live URL to live check your issue so that we can provide you with speedy assistance. 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.

SSemicolon WebSTAFFAug 26, 2019

Hello,

This is due to the Customized Codes you have added in the css/custom.css File. Simply replace the following code: 

#header.sticky-style-2 { min-height: 191px; }
#header.sticky-style-2 #header-wrap { min-height: 90px; }

with this:

@media (min-width: 992px) {
	#header.sticky-style-2 { min-height: 191px; }
	#header.sticky-style-2 #header-wrap { min-height: 90px; }
}

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SshtsangAug 27, 2019

Hi

Thank you for your swift support.

The captioned issue has been solved. But for one more question, how to change/enlarge the size of the mobile menu opening icon as attached for your reference? Where in CSS to control the dimension of the mobile menu icon?

📎 Mobile-menu-opening-icon.docx13 KB
SshtsangAug 28, 2019

Hi

Would you show me how to change/enlarge the size of the mobile menu opening icon as attached for your reference? Where in CSS to control the dimension of the mobile menu icon?

📎 Mobile-menu-opening-icon-1.docx13 KB
SSemicolon WebSTAFFAug 28, 2019

Hello,

Please provide us with only with a Live URL to live check your issue so that we can provide you with speedy assistance.

Consider using this CSS: 

#primary-menu-trigger {
	font-size: 14px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFAug 28, 2019

Hello,

Please consider using the CSS we have provided you in the reply above.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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