|
Hi,
Is it possible make horizontal menu like here https://www.creastyle.fr/ on Demo2? In this menu must be just categories. For example – http://nimb.ws/HAql73
|
|
|
Hi,
I used Custom HTML dropdown to do that, look here:
http://nimb.ws/XPMAz3
bootstrap has 12 columns, you can add 12 or 6 columns larger or 4 largest etc ..
my code :
<div class="row">
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">APPLE</span></h3>
<ul>
<li><a href="coques-personnalisees/apple/iphone-6-plus">iPhone 6 Plus</a></li>
<li><a href="coques-personnalisees/apple/iphone-6s">iPhone 6S</a></li>
<li><a href="coques-personnalisees/apple/iphone-6">iPhone 6</a></li>
<li><a href="coques-personnalisees/apple/iphone-5c">iPhone 5C</a></li>
<li><a href="coques-personnalisees/apple/iphone-5">iPhone 5/5S</a></li>
<li><a href="coques-personnalisees/apple/iphone-4">iPhone 4</a></li>
<li><a href="coques-personnalisees/apple/iphone-se">iPhone SE</a></li>
<li><a href="coques-personnalisees/apple/ipad-air-2">iPad Air 2</a></li>
<li><a href="coques-personnalisees/apple/ipad-air">iPad Air</a></li>
<li><a href="coques-personnalisees/apple/ipad-3">iPad 3</a></li>
<li><a href="coques-personnalisees/apple/ipad-2">iPad 2</a></li>
<li><a href="coques-personnalisees/apple/ipad-mini">iPad Mini</a></li>
<li><a href="coques-personnalisees/apple/ipod-touch-6">iPod Touch 6</a></li>
<li><a href="coques-personnalisees/apple/ipod-touch-5">iPod Touch 5</a></li>
<li><span style="font-size:16px;"><strong><a class="tb_main_color" href="coques-personnalisees/apple">... TOUT VOIR</a></strong></span></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">SAMSUNG</span></h3>
<ul>
<li><a href="coques-personnalisees/samsung/galaxy-alpha">Galaxy Alpha</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-a9">Galaxy A9</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-a8">Galaxy A8</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-a7">Galaxy A7</a></li>
<li><a href="coque-personnalisee/samsung/galaxy-a5">Galaxy A5</a></li>
<li><a href="coque-personnalisee/samsung/galaxy-a3">Galaxy A3</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s7-edge">Galaxy S7 Edge</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s7">Galaxy S7</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s6-edge-plus">Galaxy S6 Edge Plus</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s6-edge">Galaxy S6 Edge</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s6">Galaxy S6</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s5-mini">Galaxy S5 Mini</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s5">Galaxy S5</a></li>
<li><a href="coques-personnalisees/samsung/galaxy-s4-mini">Galaxy S4 Mini</a></li>
<li><span style="font-size:16px;"><strong><a class="tb_main_color" href="coques-personnalisees/samsung">... TOUT VOIR</a></strong></span></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">NOKIA</span></h3>
Look at this page it explains well how:
http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
|
|
|
Hi, Myskin67,
Thankyou wery much 
I’ll try do something, because I’m not so clever in coding.
|
|
|
You’ll see it’s very easy, how many column you want in your menu?
|
|
|
At this moment I’m not sure, because eshop at this moment is creating. For now I need 5 but later most likely will ned more.
|
|
|
P. S.
You creating french shop? You are from France?
|
|
|
I explain to you :
For 6 columns you need to add this code :
<div class="col-sm-2">
sm-2 = 2/12 so this is 6 columns
if you want 4 columns
<div class="col-sm-3">
sm-3 = 3/12 so this is 4 columns
if you want 2 columns
<div class="col-sm-6">
sm-6 = 6/12 so this is 2 columns
etc….
I give you the full code below to 6 columns, it will adapt if you want fewer columns
<div class="row">
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">TITLE COLUMN</span></h3>
<ul>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">TITLE COLUMN</span></h3>
<ul>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">TITLE COLUMN</span></h3>
<ul>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">TITLE COLUMN</span></h3>
<ul>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">TTITLE COLUMN</span></h3>
<ul>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
</ul>
</div>
<div class="col-sm-2">
<h3 style="display: inline;"><span style="color:#c9724c;">TITLE COLUMN</span></h3>
<ul>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
<li><a href="LINK TO PRODUCT OR CATEGORY">PRODUCT NAME OR CATEGORY NAME</a></li>
</ul>
</div>
</div>
Just replace this LINK TO PRODUCT OR CATEGORY with the link to the category or product
and just replace this PRODUCT NAME OR CATEGORY NAME with the product name or category name.
|
|
|
That I understand, but can you say where exactly I must put this code?
P. S.
Of course this not this theme but for me wery interesting because I have few friends in this my favorite country and I was there more 10 times for long time. Can you say for me some interesting places to visit. Of course for example Mont Saint-Michel or Pont du Gard I know and was there. I’m interesting Like GAVARNIE, GOUFRE DE PADIRAC, CAP CÀNÀILLE, LES CASCADES DU HÉRISSON, ROCAMADOUR, … etc. What you can say about NEUF-BRISACH?
|
|
|
follow this step by step :
http://image.noelshack.com/fichiers/2016/19/1463073988-step1.jpg
http://image.noelshack.com/fichiers/2016/19/1463073994-step2.jpg
ps :
neuf-brisach is a small town of Alsace but I’ve never been there so it’s hard to tell
|
|
|
Is this seo friendly?
P. S.
Like all times – french people know less me about france Of course It’s joke 
|
|
|
I did that but sliding menu just a little not good Something I did not right – http://nimb.ws/JBTEFS
|
|
|
Change the Dropdown width
|
|
|
@gardenvista
You can refer to the official Bootstrap documentation about columns:
http://getbootstrap.com/css/#grid
BR,
ThemeBurn team
|
|
