Center menu

HTML & CSS
1

how can center the menu? So far what I tried hasn’t worked.
Also i notice that when i hover over one of the icons it displays the ones in the submenu, but when i move away i can’t get to them any more.
(in the @media query for the smaller size)
http://agileart.us/
thx
D

3

Hi, D.

You’ll need to retain some padding at narrow widths.

line 1295 in your media query
http://agileart.us/wp-content/themes/agileart/style.css?ver=4.3.1

.main-navigation li {
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.35);
    display: inline-block;
    height: 50px;
    margin: 0;
/*    padding: 0;  /* OMIT this property and the original 5px will remain active. */
    position: relative;
    width: 50px;
}
4

thank you, off to trying it out right now!

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.