Canvas Support

Change the height of mobile menu bar

8 replies·opened Aug 25, 2019
S
shtsangAug 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
S
SemiColonWebSTAFFAug 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.

S
SemiColonWebSTAFFAug 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.

S
shtsangAug 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
S
shtsangAug 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
S
SemiColonWebSTAFFAug 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.

S
SemiColonWebSTAFFAug 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