Tue, 2015-11-24 09:03
Going crazy on the menu on our site www.thebraway.com.
I want it to be in the middle, centered above everything but its not possible to move. I can only choose right or left!
Ive tried to close the social links and everything but nothing works.
Suggestions?
Tue, 2015-11-24 18:22
#1
What a rat's nest
I can see this is the result of a theme "designer", because no competent coder would would ever do this:
<html class="ie ie7" lang="sv-SE"> <![endif]--> <!--[if IE 8]> <html class="ie ie8" lang="sv-SE"> <![endif]--> <!--[if !(IE 7) | !(IE <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/cool.png" title="Cool" alt="Cool" class="smiley-content" /> ]><!--> or this, <!-- html5shiv for IE8 and less --> <!--[if lt IE 9]> <script src="http://www.thebraway.com/wp-content/themes/customizr/inc/assets/js/html5.js"></script> <![endif]--> <!-- Icons font support for IE6-7 --> <!--[if lt IE 8]> <script src="http://www.thebraway.com/wp-content/themes/customizr/inc/assets/css/fonts/lte-ie7.js"></script> <![endif]-->
And this? Ridiculous:
<body class="home blog tc-fade-hover-links tc-no-sidebar tc-no-sticky-header no-navbar skin-grey tc-regular-menu tc-post-list-context tc-sticky-footer" itemscope itemtype="http://schema.org/WebPage">
There is no reason to have list items nested eleven deep; how many boxes does the designer need to hold a list?
That said, I've seen worse, a lot worse.
Edit your style sheet
.navbar .nav { margin: 0; padding: 0; text-align: center; } .nav {} .navbar .nav > li { display: inline-block; }
cheers,
gary