Noo Mebla Theme – Shopping cart does not display in mobile

[tina]

<h1 style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 22px; line-height: normal; font-family: 'Open Sans', Arial, Helvetica, sans-serif; vertical-align: baseline; color: #777777; background-color: #f9f9f9;">Shopping cart does not display in mobile!</h1>
Is there CSS to quickly fix this or is there a specific setting.  Not sure why it would be set to disappear on mobile.

 

Add New Note to this Reply

[dangdv]

Dear, Please kindly send for me admin account and your site URL via private reply, I will check detaisl to help you.

Best regards.

Add New Note to this Reply

[tina]

sorry, I never got this alert!  Will send in private response...

 

Add New Note to this Reply

[tina]

This reply has been marked as private.

Add New Note to this Reply

[dangdv]

Dear, I check again and i see the Mebla theme only support show shopping cart on mobile (like attachment) with Header Default Style. Please kindly change your site to use Header Default and check again.

Best regards.

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply

[tina]

We need the logo centered!  If we change that, it throws off the whole design.  We need the cart to show on mobile, using the:  Customizer ▸ Header ▸ Header Style ▸ Header Center

 

Add New Note to this Reply

[tina]

Hello????  ... why aren't you giving me any support on this issue?
At the very least you could provide the css that needs to show the "cart" on mobile.

 

Add New Note to this Reply

[dangdv]

Dear, If you want show Cart Icon on mobile, Please add custom CSS on your site.

@media (max-width: 991px) {
	.noo-header.header-3 .navbar-default{
		max-width: 750px;
		margin: 0 auto;
	}

	.noo-header.header-3 .noo-cart-simple{
		display: block;
		padding: 0;
		right: 75px;
	}
	.noo-cart-simple .cart-item{
		position: relative;
	}
	.noo-cart-simple .cart-item i{
		font-size: 25px;
	}
	.noo-cart-simple .cart-count{
		display: block;
		position: absolute;
		background: #7ac3c0;
		color: #fff;
		border-radius: 50%;
		line-height: 16px;
		width: 20px;
		height: 20px;
		text-align: center;
		right: -9px;
		bottom: -6px;
		font-size: 14px;
	}
	.noo-cart-simple .cart-name-and-total{
		display: none;
	}
}

Best regards.

Add New Note to this Reply

[Author]

Posts