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
but on small screen :
and pills aligned on top of each other on small screen , centered :
(i managed in browser removing list-inline foundation class , adding text-align:center on ul)
how can achieve responsive behavior footer ?



Comments
Post a Comment