column in small view

Made sure the column items are side by side in small view

diff --git a/templates/template.html b/templates/template.html
index 3172601..df7bde3 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -121,8 +121,14 @@
 
                 <div class="medium-3 columns medium-pull-9" id="barParent">
                     <section id="bar" data-equalizer-watch>
-                        <a href="#" id="brochure">Download our Brochure</a>
-                        <img src="{mediaBaseURL:h}assets/passport.png" id="passport">
+                        <div class="row">
+                            <div class="small-6 medium-12 columns">
+                                <a href="#" id="brochure">Download our Brochure</a>
+                            </div>
+                            <div class="small-6 medium-12 columns">
+                                <img src="{mediaBaseURL:h}assets/passport.png" id="passport">
+                            </div>
+                        </div>
                     </section>
                 </div>
             </div>