The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Header Menu CSS not playing ball Reply To: Header Menu CSS not playing ball


Tested and working in Dev Tools…

Set a max-width of 1160px on ‘.style2 .menu’, and then in the max-width:1279px to min-width:960px media query, set a max-width of 940px (to match with the ‘.be-wrap’ content wrapper underneath). Also set it to display:block; and give it a left and right margin of auto. The left float is not needed.

Make the menu’s <li> elements 25% wide.

Remove all the left and right paddings completely from all the menu’s <a> elements. There are some last-child declarations to tackle individually. And set them to display:block; too