Problems with mega menu style

Hi
First of all congratulate you on your excellent theme, very fast and smart, I’m pleasantly happy with it.

I have a problem with the configuration of the mega menu. I saw another post in which indicáis its structure, however the repeat attempt on my website and aesthetics is not the same.

The structure you propose is the static blocks is:
http://imgur.com/9wg1KPq

However in my web does not come out the same.
http://imgur.com/USgde1p

I’d like to refer pudierais static block code to paste into my web in classic mode and have it as an example for the rest of my mega menu items.

If your block also had some code style, please tell me so well, I’m desperate because I have tried to do as in your example but as I show in the picture above I do not get equal to your demo.

Thank you very much for your help and greetings.

Hello there,

Thank you so much for purchasing our theme and for your words.

We would propose you to create one menu item dropdown like we have on our demo on your web-site for example so you could to take a closer look and do your own dropdowns like this. So please provide your admin access and we will do this for you.

Kind regards,
Xtemos

Thank you very much for your quick response.
Really only need the code of the demo of your static pad and if you have a class place in line. If you publish you an example would be fine but I need to know the country from where you are going to access my desktop because the server has blocked access to the desktop ip to all countries.
Pending know your country access a greeting.

So here is the full code of our “Shop” dropdown menu from the demo site:

[vc_row css=".vc_custom_1450200347789{margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}"][vc_column width="3/4" css=".vc_custom_1451321601915{border-right-width: 1px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;border-right-color: #eaeaea !important;border-right-style: solid !important;}"][vc_row_inner css=".vc_custom_1450200676853{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;}"][vc_column_inner width="1/3" css=".vc_custom_1446742142663{margin-bottom: 0px !important;}"][vc_column_text css=".vc_custom_1449509832306{margin-bottom: 10px !important;}"]
<ul class="sub-menu">
	<li><a href="http://demo.xtemos.com/basel/product-category/woman/">Shop Styles</a>
<ul class="sub-sub-menu">
	<li class="item-with-label item-label-new"><a href="http://demo.xtemos.com/basel/shop/?shopmasonryalt">Masonry grid <span class="menu-label menu-label-hot">HOT</span></a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shop_alt">Alternative shop</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shophover1">Default style</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shophover2">Button on hover</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shophover3">Button hover alt</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shophover4">Hover info</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shopfullwidth">Full width</a></li>
</ul>
</li>
</ul>
[/vc_column_text][vc_column_text css=".vc_custom_1450200739500{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: #e0e0e0 !important;border-right-style: solid !important;}"]
<h5 style="text-transform: uppercase; font-weight: bold; margin-bottom: 5px;"><i class="fa fa-truck" style="margin-right: 7px; font-size: 14px;"></i>Free Shipping</h5>
Free for $50+ orders[/vc_column_text][/vc_column_inner][vc_column_inner width="1/3" css=".vc_custom_1446742137800{margin-bottom: 0px !important;}"][vc_column_text css=".vc_custom_1458675197191{margin-bottom: 10px !important;}"]
<ul class="sub-menu">
	<li><a href="http://demo.xtemos.com/basel/shop/woman/jur-detail-jacket/">Product Pages</a>
<ul class="sub-sub-menu">
	<li class="item-with-label item-label-hot"><a href="http://demo.xtemos.com/basel/shop/man/coloured-jacket-basic/?productalt">Alternative style <span class="menu-label menu-label-new">NEW</span></a></li>
	<li class="item-with-label item-label-hot"><a href="http://demo.xtemos.com/basel/shop/accessories/before-decaf-phone-case/">Extra content <span class="menu-label menu-label-hot">HOT</span></a></li>
	<li class="item-with-label item-label-new"><a href="http://demo.xtemos.com/basel/shop/woman/virror-detail-cape/?productsticky">Sticky details <span class="menu-label menu-label-new">NEW</span></a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/woman/gthnic-detail-open-jacket/?imagelarge">Image Large</a></li>
	<li class="item-with-label item-label-sale"><a href="http://demo.xtemos.com/basel/shop/accessories/bags/ethnic-jacquard-backpack/">Variations images</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/woman/jur-detail-jacket/?thumbsbottom">Thumbnails bottom</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/bags/vintage-cinch-backpack/?prodright">Sidebar right</a></li>
</ul>
</li>
</ul>
[/vc_column_text][vc_column_text css=".vc_custom_1450200743463{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: #e0e0e0 !important;border-right-style: solid !important;}"]
<h5 style="text-transform: uppercase; font-weight: bold; margin-bottom: 5px;"><i class="fa fa-phone" style="margin-right: 7px; font-size: 14px;"></i>Buyer Support</h5>
Get in touch 24/7[/vc_column_text][/vc_column_inner][vc_column_inner width="1/3" css=".vc_custom_1446742132151{margin-bottom: 0px !important;}"][vc_column_text css=".vc_custom_1450376455217{margin-bottom: 10px !important;}"]
<ul class="sub-menu">
	<li><a href="http://demo.xtemos.com/basel/product-category/man/">Shop Pages</a>
<ul class="sub-sub-menu">
	<li><a href="http://demo.xtemos.com/basel/shop/?shop2">2 Columns</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shop3">3 Columns</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shop4">4 Columns</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shop6">6 Columns</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shopleft">Sidebar Left</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shopright">Sidebar Right</a></li>
	<li><a href="http://demo.xtemos.com/basel/shop/?shopnosidebar">No sidebar</a></li>
</ul>
</li>
</ul>
[/vc_column_text][vc_column_text css=".vc_custom_1450200747460{margin-bottom: 0px !important;}"]
<h5 style="text-transform: uppercase; font-weight: bold; margin-bottom: 5px;"><i class="fa fa-support" style="margin-right: 7px; font-size: 14px;"></i>Total Security</h5>
Secure checkout[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/4" basel_color_scheme="dark" css=".vc_custom_1446572508036{padding-left: 20px !important;}"][basel_posts slides_per_view="1" hide_pagination_control="yes" hide_prev_next_buttons="yes" posts_query="size:1|order_by:date|post_type:product|tax_query:107" img_size="263x335"][/vc_column][/vc_row]

Thank you very much, you are great, the best service I’ve known all envantomarket.
An excellent theme and 5 star service 🙂
A greeting.

Thank you so much for your feedback, we are really appreciate.

Don’t hesitate to contact us in case you have some difficulties or issues regarding our them using or customization.

Kind regards,
XTemos

[Author]

Posts