Jump to content
JFast6463

Navigation Menu CSS Help

Recommended Posts

Hello Forum,

 

Okay so this is probably the easiest question to answer but I am new to coding and CSS/HTML so I hope someone can answer this.

Created a Navigation Menu on my website and added code to center the Links to the center of the page which works fine but as you can see the picture I attached, the links are sitting below the blue menu bar. It looks like there is a line height issue or something. I went through a bunch of the demos on this site and couldn't get it right. This is the code I am using to get it centered:

 

<style type="text/css">
#primary-menu-container ul{text-align:center;}
#primary-menu-container ul li {
float: none;
display: inline-block;
}
h1#site-logo{
display:none;
}
#primary-menu-container {
float: none;
clear: both;
margin: auto;
width: 75%;
}
</style>
Thanks to who ever responds and its much appreciated.
Website if you want to see the whole thing is: www.ChrisReedTattoo.com

post-189300-0-74610100-1441905333_thumb.png

Share this post


Link to post
Share on other sites

N out of contexr frament of CSS and an image do not give us any real information about structure, layout or what is being applied directly or through inheritance.

 

We need at the ver least the markup, and complete CSS, or preferably a link to the page so we can actually see what it is doing ar r'un diagnostics.

Share this post


Link to post
Share on other sites

First I have no idea what the ###### you are saying because you do not know how to type.

 

Its ######ing WordPress in the additional code area. That is the code that is in there. How do I adjust the space above the links?

Share this post


Link to post
Share on other sites

To start with you learn how to respond politely and co-operate wih someone willing to try an help you. Perhaps someone with better typing will come along and offer a guess.

Share this post


Link to post
Share on other sites

Oh plain text; missed it.

 

Seeing th site does bring the star of a solution. The markup is not valid. The validator a bunch of minor nonsense, but also the use of obsolete/depreciated tags and structural error. The problem looks to be structurally related so the place to start is to validate the code and fix the error. If that does not fix it then at least you know the structure is valid and the cause will most likely be an incorrect value in the stylesheet for the menu bar.

 

The site actually has a bigger problem... the initial load time is way too long and probably results in lost visitors who are not willing to wait.

Share this post


Link to post
Share on other sites

Create a new menu using the examples with live demos here [link removed by moderator]

Edited by Ingolme
Links to competing tutorial websites are not allowed by the forum guidelines

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...