Hi there,
I have made something to better inform our clients that I would like to display on every page right under the menu.
You can see that something here: www.brickhunters.be
As you can see it is now above the menu. I was looking for the .cshtml file and the closest I have come across was Catalog > TopMenu.cshtml
Whenever I paste something underneath the existing code there it lands right in the header band. Has anyone got experience with similar designs?
How to get simple HTML elements right under the naviagtion bar/menu?
- 39
- 203
- 30.01.2014
- United Kingdom
Have a look at the Header.cshtml file, should be in the Shared folder.
Find the the div called headermenuparent and replace that div and everything in it with this
Find the the div called headermenuparent and replace that div and everything in it with this
<div id="headerMenuParent"><div class="header-menu">
<div class="close-menu">
<span>Close</span>
</div>
<input type="hidden" value="false" id="isRtlEnabled">
<ul class="top-menu">
<li>
<a class="with-subcategories" href="/EN/new-and-sealed">New and Sealed</a>
<div class="plus-button"></div>
<div class="sublist-wrap">
<ul class="sublist">
<li class="back-button">
<span>Back</span>
</li>
<li>
<a href="/EN/pirates">Pirates</a>
</li>
<li>
<a href="/EN/dino">Dino & Jurassic</a>
</li>
<li>
<a href="/EN/studios" class="">Studios</a>
</li>
<li>
<a href="/EN/cars">Cars</a>
</li>
<li>
<a href="/EN/bionicle">Bionicle</a>
</li>
<li>
<a href="/EN/harry-potter">Harry Potter</a>
</li>
<li>
<a href="/EN/spongebob-squarepants">SpongeBob SquarePants</a>
</li>
<li>
<a href="/EN/juniors">Juniors</a>
</li>
<li>
<a href="/EN/prince-of-persia">Prince of Persia</a>
</li>
<li>
<a href="/EN/pharaohs-quest">Pharaoh's Quest</a>
</li>
<li>
<a href="/EN/racers">Racers</a>
</li>
<li>
<a href="/EN/atlantis">Atlantis</a>
</li>
<li>
<a href="/EN/mixels">Mixels</a>
</li>
<li>
<a href="/EN/elves">Elves</a>
</li>
<li>
<a href="/EN/nexo-knights">Nexo Knights</a>
</li>
<li>
<a href="/EN/cuusoo">Cuusoo</a>
</li>
<li>
<a href="/EN/toy-story">Toy Story</a>
</li>
<li>
<a href="/EN/various">Various</a>
</li>
<li>
<a href="/EN/ninjago">Ninjago</a>
</li>
<li>
<a href="/EN/architecture">Architecture</a>
</li>
<li>
<a href="/EN/space">Space</a>
</li>
<li>
<a href="/EN/lone-ranger">Lone Ranger</a>
</li>
<li>
<a href="/EN/castle">Kingdoms & Castle</a>
</li>
<li>
<a href="/EN/chima">Legends of Chima</a>
</li>
<li>
<a href="/EN/the-lego-movie">The Lego Movie</a>
</li>
<li>
<a href="/EN/indiana-jones">Indiana Jones</a>
</li>
<li>
<a href="/EN/pirates-of-the-carribean">Pirates of the Carribean</a>
</li>
<li>
<a href="/EN/star-wars">Star Wars</a>
</li>
<li>
<a href="/EN/technic">Technic</a>
</li>
<li>
<a href="/EN/city">City</a>
</li>
<li>
<a href="/EN/friends">Friends</a>
</li>
<li>
<a href="/EN/creator">Creator</a>
</li>
<li>
<a href="/EN/duplo">Duplo</a>
</li>
<li>
<a href="/EN/lord-of-the-rings">Lord of the Rings</a>
</li>
<li>
<a href="/EN/super-heroes">Super Heroes</a>
</li>
</ul>
</div>
</li>
<li>
<a href="/EN/pre-owned" class="">Pre-Owned</a>
</li>
<li>
<a href="/EN/bargains" class="">Bargains</a>
</li>
<li>
<a href="/EN/minifigures" class="">Minifigures</a>
</li>
<li>
<a href="/EN/gadgets" class="">Gadgets</a>
</li>
<li>
<a href="/EN/lego-games">Lego Games</a>
</li>
</ul>
</div>
<div class="headerinfo">
<ul class="headerList">
<li>
<img class="iconClock" src="\content\images\clock.png">
<span>Order by 16:00 and <br> receive tomorrow!</span>
</li>
<li>
<img class="iconGift" src="\content\images\gift.png">
<span>A free gift <br> with every order!</span>
</li>
<li>
<img class="iconDelivery" src="\content\images\delivery.png">
<span>Free shipping within<br>Belgium above 100€!</span>
</li>
<li>
<img src="\content\images\bancontact.png" class="paymentLogo">
<img src="/content\images\mastercard.png" class="paymentLogo">
<img src="/content\images\visa.png" class="paymentLogo">
<br>
<img src="\content\images\paypal.png" class="paymentLogo">
<img src="\content\images\ideal.png" class="paymentLogo">
</li>
</ul>
</div>
</div>