html - Cant get correct responsive behavior on footer -


i having trouble creating responsive footer on app. using foundation , list-inline class causing trouble. far code :

#bottom-footer   .row     .large-7.small-12.columns.small-centered       %ul.inline-list         %li.mentions           ©2013           st&me         - @menu_links.map |menu_link|           = nav_tag(menu_link.title, menu_link.url) if menu_link.secondary? 

the nav_tag helper generates pills links :

 def nav_tag(body, url, controller = nil)     content_tag('li', class: "link_footer " + active_nav_class(url, controller))       link_to body, url     end   end 

on large screen result acceptable

enter image description here

but on small screen :

enter image description here

and pills aligned on top of each other on small screen , centered :

enter image description here

(i managed in browser removing list-inline foundation class , adding text-align:center on ul)

how can achieve responsive behavior footer ?


Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -