Mega menu

I need the mega menu to be visible in tablet landscape mode (from 1024 to 768px)
Is this possible?

Hi,

Sorry, but our mega menu is not adapted for tablet devices and even we display it there it will not look and work correctly.

Regards

Why not.I see many themes with this feature. I didn’t notice any problem.A 10″ tablet has a large enough screen to display the menu I am using.Also it has to do with the user experience.Make the life of our clients easier and find easily what they want.
Regards Leonidas

Try to add the following code snippet to the Tablet Custom CSS area in Theme Settings.

header.main-header .main-nav, 
header.main-header .search-extended, 
header.main-header .widgetarea-head,
div.sticky-header .main-nav{
	display: block;
}

div.header-left-side, 
.mobile-nav-icon {
	display: none;
}

.right-column .woodmart-shopping-cart .woodmart-cart-totals {
	font-size: 0;
}

div.main-nav .item-level-0>a, 
div.main-nav .menu>.menu-item-language>a {
	line-height: 32px;
	height: 32px;
}

Regards

The code worked well. (first image taken from my tablet).

Only two problems:
1. tap over sales and shop link doesn’t work.Weird

2. When you try to search something it appears the mobile menu.I believe only if we adopt the search function of large devices we’ll solve the problem.I can’t think of something else.

Regards Leonidas

1. Yes, as we said, some things may be not adapted for tablet devices. We will try to fix this one in the next update since it is not a bit issue.

2. Sorry, but we can’t change this functionality.

1. I will wait.I need that kind of menu.When do you plan for your next update?

2. How do we disable that entirely?
I am planning to buy a plugin in the next days to upgrade the search functionality
(https://codecanyon.net/item/woocommerce-search-box/15685698).

Also soon enough I will ask you to disable ajax search.

That’s why I will leave that ticket open.
Regards
Leonidas

Attachments:

You must be logged in to view attached files.

1. Hope to release it next week.

2. You can disable our search forms in Theme Settings.

How do we move the logo image on the left?

Here is a code for this, but you need to remove this (https://gyazo.com/31d7ba98820e33e386ca9f89abb58ab2) custom code because it breaking default grid structure on desktop devices (https://gyazo.com/08ae635643b45fa35f11480eb7e7c74a).

@media (min-width: 1024px) and (max-width: 1024px) {
	div.wrapp-header > .site-logo {
		margin-left: -35px;
	}
}

Regards

[Author]

Posts