WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Mega Menu

<< < (6/10) > >>

nibz:

--- Quote from: Argos on July 22, 2013, 04:11:49 PM ---Looking great nibz! Much better  :-D

One thing: you have to click the text to show the dropdown. It would be better if the complete dropdown would be clickable.

--- End quote ---

First of all thanks for the compliment!
And second thanks for the hint, didn't notice.. Just uploaded version 1.5 where this is fixed :)

Argos:
Cool, very nice job, thanks for sharing!

Hans:
Thanks Robin! Great one!
Hans

Craxx:
Great Template THX a lot :-D

Two Questions:
1. How can i get the menu align on the right side instead oft align left?
2. How can i get a logo on the left side before the menu?

i hope somebody can give me a tipp :-)

best regards
Craxx;-)

nibz:

--- Quote from: Craxx on September 11, 2013, 07:32:06 PM ---Great Template THX a lot :-D

Two Questions:
1. How can i get the menu align on the right side instead oft align left?
2. How can i get a logo on the left side before the menu?

--- End quote ---
First of all thanks for the compliment!

1: isn't as simple as it looks, also needs some changes to the javascript and in the css;
in the javascript around line 122 there is 'left', '0px' change that to 'right', '0px'
and on line 124 the same. (and maybe also margin-left to margin-right).

In the css add:

--- Code: ---ul.mega-menu {float: right}
--- End code ---

2: Add this before the wrapper class of the menu (e.g. <div class="basic">)

--- Code: ---<div class="logo"><img src="http://placehold.it/150x40"></div>

--- End code ---
where http://placehold.it/150x40 is the url to your logo.

Then add this to the css:

--- Code: ---.logo {display: inline-block; float: left; position: relative; z-index: 1;}

--- End code ---


See my demo page, i changed the basic.
Only responsiveness isn't really good yet! Solved: see the next post!

Navigation

[0] Message Index

[#] Next page

[*] Previous page

Go to full version