html - Semantic UI centered non-fluid menu? -


i have 2 menus, 1 fixed bottom , fixed top. problem two-fold. want them appear @ center of screen , width of content (instead of being fluid, per default).

i have found nothing in documentation indicate possible, presumably solution modify css?

any appreciated.

use semantic ui class "compact" ui menus adjust content, , use grids , columns center alignment. example:

<div class="ui centered grid">     <div class="center aligned column">         <div class="ui compact menu">           <a class="active item">             <i class="home icon"></i> home           </a>           <a class="item">             <i class="mail icon"></i> messages           </a>         </div>             </div> </div> 

jsfiddle link: http://jsfiddle.net/plskpufp/2/


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -