Topic: Noo Mebla – Top Header not showing on tablet or mobile – PLEASE HELP!

This topic is: not resolved

Tagged: Mebla Top Header Bar Mobile

This topic has 6 replies, 2 voices, and was last updated 1 year, 9 months ago by dangdv.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
1 year, 9 months ago #1210606
tina
Customer

Topics: 5
Posts: 20
I am unable to locate how to get the TOP HEADER to appear in mobile or tablet, which would show the "My Account" "WishList" and "Checkout" links. Please help. Even tried this code and it didn't fix it:
```
@media (max-width: 991px) {
.noo-topbar {
    display: block;
}
}
```
Add New Note to this Reply
1 year, 9 months ago #1210607

tina
Customer

Topics: 5
Posts: 20

Attachments:
You must be logged in to view attached files.

Add New Note to this Reply

1 year, 9 months ago #1210633

tina
Customer

Topics: 5
Posts: 20

It's been over 2 days!!! Hello??? 🙁

Add New Note to this Reply

1 year, 9 months ago #1210641

dangdv
NooTheme

Topics: 0
Posts: 3695

Sorry, the Mebla not support show Topbar on mobile (small screenshot) and theme show wishlist/cart display on mobile with icon like attachment, please check your site again.

Best regards.

Attachments:
You must be logged in to view attached files.

Add New Note to this Reply

1 year, 9 months ago #1210684

tina
Customer

Topics: 5
Posts: 20

Yes, there is a Header > Top Bar in Customizer... it works on pc view, but not showing up in mobile or tablet!
See both attachments for proof!

Attachments:
You must be logged in to view attached files.

Add New Note to this Reply

1 year, 9 months ago #1210689
tina
Customer

Topics: 5
Posts: 20
.noo-topbar {

<input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; background-color: white; visibility: hidden; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="padding 15px 0 0" /> padding: 15px 0 0;

}
noo.css:3989

.noo-topbar {

<input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; background-color: white; visibility: hidden; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="background #f8f8f8" /> background: #f8f8f8;

<input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; background-color: white; visibility: hidden; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="padding 15px 0" /> padding: 15px 0;

<input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; background-color: white; visibility: hidden; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="border-bottom 1px solid #f2f2f2" /> border-bottom: 1px solid #f2f2f2;

}
Add New Note to this Reply
1 year, 9 months ago #1210709
dangdv
NooTheme

Topics: 0
Posts: 3695
Because the theme not support show tobar on small screen, if you want show it, please add custom CSS on your site
```
@media (max-width: 991px) {
	.noo-header .noo-topbar{
		display: block;
		padding: .5em 0;
	}
	.noo-topbar ul li a {
    	font-size: .7em;
	}
}
```
Best regards.

Add New Note to this Reply
Author

Posts