1 reply [Last post]
lessal
lessal's picture
Offline
newbie
Finland
Last seen: 3 years 2 weeks ago
Finland
Timezone: GMT+2
Joined: 2015-11-24
Posts: 1
Points: 2

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?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 9 hours 16 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9714
Points: 3790

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.