tupelo75 Posted March 28, 2015 Share Posted March 28, 2015 This may be very simple but we have 4 blocks shown in the footer. 2 is set to col-sm-2 and 2 to col-sm-4 this results in the last element drops down below the others. How do i change this ? Link to comment Share on other sites More sharing options...
NemoPS Posted March 28, 2015 Share Posted March 28, 2015 Strange, can you share your site's url? Link to comment Share on other sites More sharing options...
tupelo75 Posted March 28, 2015 Author Share Posted March 28, 2015 It is closed at the moment. But i can past the code <footer id="footer" class="container"> <div class="row"><!-- Block Newsletter module--> <div id="newsletter_block_left" class="block"> <h4>Nyhedsbrev</h4> <div class="block_content"> <form action="http://womensaddress.com/" method="post"> <div class="form-group"> <input class="inputNew form-control grey newsletter-input" id="newsletter-input" type="text" name="email" size="18" value="Indtast e-mail"> <button type="submit" name="submitNewsletter" class="btn btn-default button button-small"> <span>OK</span> </button> <input type="hidden" name="action" value="0"> </div> </form> </div> </div> <!-- /Block Newsletter module--> <section id="social_block"> <ul> <li class="facebook"> <a target="_blank" href="https://www.facebook.com/WomensAddress?ref=ts&fref=ts"> <span>Facebook</span> </a> </li> </ul> <h4>Følg os</h4> </section> <div class="clearfix"></div> <!-- Block categories module --> <section class="blockcategories_footer footer-block col-xs-12 col-sm-2"> <h4>Kategorier</h4> <div class="category_footer toggle-footer" style=""> <div class="list"> <ul class="tree dynamized" style="display: block;"> <li class="last"> <span class="grower CLOSE"> </span><a href="http://womensaddress.com/16-smykker?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Det er den overordnede kategori hvori der ligge nogle underkategorier såsom halskæder, armbånd, hårpind, øreringe og ringe."> Smykker </a> <ul style="display: none;"> <li> <a href="http://womensaddress.com/17-halskaeder?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Her finder du en masse halskæder der bryder normen og finder frem til den anderledes, fornuftige men med plads til at være fremme i "smykkerne" person."> Halskæder </a> </li> <li> <a href="http://womensaddress.com/18-armband?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Underkategorien af smykker, og består af alle vores forskellige armbånd."> Armbånd </a> </li> <li> <a href="http://womensaddress.com/19-ringe?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="En bedre kategori for ringe finder du ikke i danmark. kategorien består af ringe som har fået deres inspirationskilde fra indonesien."> Ringe </a> </li> <li> <a href="http://womensaddress.com/20-oreringe?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Øreringe af sølv med et rustikt look der passer til enhver person som er stærk nok til at være anderledes på den smukke og gloværdige måde."> Øreringe </a> </li> <li class="last"> <a href="http://womensaddress.com/24-harpinde-harspaender?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Hårpinde / Hårspænde er til når du vil sætte håret op på en bestemt måde frem for bare at have det løst hængende."> Hårpinde / Hårspænder </a> </li> </ul> </li> </ul> </div> </div> <!-- .category_footer --> </section> <!-- /Block categories module --> <!-- MODULE Block footer --> <section class="footer-block col-xs-12 col-sm-2" id="block_various_links_footer"> <h4>Information</h4> <ul class="toggle-footer" style=""> <li class="item"> <a href="http://womensaddress.com/prices-drop?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Tilbud"> Tilbud </a> </li> <li class="item"> <a href="http://womensaddress.com/new-products?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Nyheder"> Nyheder </a> </li> <li class="item"> <a href="http://womensaddress.com/best-sales?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Mest solgte"> Mest solgte </a> </li> <li class="item"> <a href="http://womensaddress.com/contact-us?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Kontakt os"> Kontakt os </a> </li> <li class="item"> <a href="http://womensaddress.com/content/3-terms-and-conditions-of-use-handelsbetingelser-koebsbetignelser?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Handelsbetingelser"> Handelsbetingelser </a> </li> <li class="item"> <a href="http://womensaddress.com/content/4-Om-os?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Om os"> Om os </a> </li> <li> <a href="http://womensaddress.com/sitemap?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Oversigt"> Oversigt </a> </li> </ul> </section> <section class="bottom-footer col-xs-12"> <div> © 2014 <a class="_blank" href="http://www.prestashop.com" target="_blank">E-handel software af PrestaShop™</a> </div> </section> <!-- /MODULE Block footer --> <div id="gear-right" style="left: 0px;"> <i class="icon-cogs icon-2x icon-light"></i> </div> <form action="" method="post"> <div id="tool_customization" style="left: -215px;"> <p> The customization tool allows you to make color and font changes in your theme.<br><br> <span> Only you can see this tool, because as you are currently connected to your back-office as an admin; your visitors will not see it. </span> </p> <div class="list-tools"> <p id="theme-title"> Theme color <i class="icon-caret-down pull-right"></i> </p> </div> <ul id="color-box"> <li class="theme1"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme2"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme3"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme4"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme5"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme6"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme7"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme8"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> <li class="theme9"> <div class="color-theme1 color1"></div> <div class="color-theme2 color2"> </div> </li> </ul> <div class="list-tools"> <p id="font-title"> Skrifttype <i class="icon-caret-down pull-right"></i> </p> </div> <div id="font-box"> <p>Titel skrifttype</p> <select name="font" id="font" class="font-list"> <option value="">Vælg en skrifttype</option> <option value="font1">Open Sans</option> <option value="font2">Josefin Slab</option> <option value="font3">Arvo</option> <option value="font4">Lato</option> <option value="font5">Volkorn</option> <option value="font6">Abril Fatface</option> <option value="font7">Ubuntu</option> <option value="font8">PT Sans</option> <option value="font9">Old Standard TT</option> <option value="font10">Droid Sans</option> </select> </div> <div class="btn-tools"> <button type="button" class="btn btn-1" id="reset" name="resetLiveConfigurator">Nulstil</button> <button type="submit" class="btn btn-2" name="submitLiveConfigurator">Gem</button> </div> <div id="block-advertisement"> <a href="http://addons.prestashop.com/en/205-premium-templates?utm_source=back-office&utm_medium=theme-configurator&utm_campaign=back-office-DA&utm_content=download" onclick="return !window.open(this.href)"> <img src="/modules/themeconfigurator/img/en/advertisement.png" alt="Over 800 PrestaShop premium templates! Browse now!"> </a> </div> </div> </form> <!-- MODULE Block contact infos --> <section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4"> <div> <h4>Butiksinformation</h4> <ul class="toggle-footer" style=""> <li> <i class="icon-map-marker"></i>WomensAddress, SDR. jernbanevej 14 st.th.02 4690 Haslev Denmark </li> <li> <i class="icon-phone"></i>Ring til os: <span>51554398</span> </li> <li> <i class="icon-envelope-alt"></i>E-mail: <span><a href="mailto:%63%68%72%69%73%74%69%61%6e@%77%6f%6d%65%6e%73%61%64%64%72%65%73%73.%63%6f%6d">[email protected]</a></span> </li> </ul> </div> </section> <!-- /MODULE Block contact infos --> <!-- Block myaccount module --> <section class="footer-block col-xs-12 col-sm-4"> <h4><a href="http://womensaddress.com/my-account?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Administrer min kundekonto" rel="nofollow">Min konto</a></h4> <div class="block_content toggle-footer" style=""> <ul class="bullet"> <li><a href="http://womensaddress.com/order-history?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Mine ordrer" rel="nofollow">Mine ordrer</a></li> <li><a href="http://womensaddress.com/order-slip?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Mine kreditnotaer" rel="nofollow">Mine kreditnotaer</a></li> <li><a href="http://womensaddress.com/addresses?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Mine adresser" rel="nofollow">Mine adresser</a></li> <li><a href="http://womensaddress.com/identity?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Administrer min personlige information" rel="nofollow">Mine oplysninger</a></li> <li><a href="http://womensaddress.com/discount?live_configurator_token=4ef12af22ddff9e13c1c9023d1710597&id_shop=1&id_employee=3&theme=&theme_font=" title="Mine rabatkuponer" rel="nofollow">Mine rabatkuponer</a></li> </ul> </div> </section> <!-- /Block myaccount module --> </div> </footer> Link to comment Share on other sites More sharing options...
NemoPS Posted March 30, 2015 Share Posted March 30, 2015 It's a bit hard to understand like that Which modules are supposed to be on the same line? I can see plenty are missing the col- class Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now