How to shift navigation bar to the left


I am using Avada theme and would like to shift my navigation bars to the left.

may i know how should i approach it.



Need to make circles part of navigation links

I'm trying to make a website to look like this: Screen Shot 2013-09-30 at 11.03.52 AM.png

I cannot seem to find a way to make my navigation bar links to have a circular background or a circular link.
This is for a web design class and my professor doesn't even know.

How to remove space between the links in a navigation bar when using display: inline ?


<div id="wrapper">
      <div id="header">
           <ul id="navbar">
               <li><a href="#">Sign In</a></li>
                <li><a href="#">Sign In</a></li>


#header {
  overflow: hidden;
#header h1 {
  float: left;
  margin-left: 60px;
 #header ul {
        padding: 0;
        float: right;
        list-style-type: none
      #header li a {
         display: inline;

Why doesn't my code work ?

How to Move my Navigation Bar?

I was finally able to create a Navigation Bar thanks to the "Listamatic" but now it's in the middle of my Blog Name Image. And I'm so new to CSS/HTML, I don't know how to move it down. I'm using a template that didn't have the navigation bar and already has things written out, so I don't know where to change. The blog I'm working on is here: Crafty Agent Mom.

Please let me know if you need to see any of my code and what sections, I'll be glad to give it to you!

Thanks so much!


Syndicate content