Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #2421
    Dennisvs
    Member

    Hey All,

     

    Anyone knows how to center align my nav menu? i have white spaces between my Home and About tab. Here is my style.css. Thanks in advance!

    .home #access {

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    }

    #access {

    border:1px solid #ccc;

    background-color:#fff;

    position:relative;

    z-index:1000;

    box-shadow:0 1px 0px #fff;

    -webkit-box-shadow:0 1px 0px #fff;

    -moz-box-shadow:0 1px 0px #fff;

    }

    #access select {

    margin: 10px 0;

    width: 100%;

    border: 0 none;

    color: #474E55;

    background: none;

    font-size: 14px;

    }

    #access ul {

    margin:0px;

    list-style:none;

    }

    #access ul li.responsive-menu {

    display: none;

    }

    #access ul li {

    float: left;

    list-style: none outside none;

    margin: 0px auto;

    padding: 0;

    width: 139px;

    }

    #access ul li a {

    padding:0 45.324px;

    display:block;

    font-size:15px;

    line-height:48px;

    color:#444;

    float:left;

     

    }

    #access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a {

    background-color:#006cff;

    color:#fff;

    box-shadow: 0 5px 8px #282828 inset;

    webkit-box-shadow: 0 5px 8px #282828 inset;

    moz-box-shadow: 0 5px 8px #282828 inset;

    }

    /* Dropdown */

    #access ul li ul, #access ul li:hover ul li ul {

    display:none;

    list-style:none none;

    z-index: 9999;

    }

    #access ul li:hover ul, #access ul li ul li:hover ul {

    display:block;

    }

    #access ul li ul {

    position:absolute;

    background-color:#444;

    top:48px;

    left:0px;

    padding:0px;

    width:185px;

    margin:0px;

    }

    #access ul li ul li ul {

    left:185px;

    top:0px;

    }

    #access ul li ul li {

    float:none;

    border-bottom:1px solid #666;

    border-right:0 none;

    }

    #access ul li ul li a {

    padding: 7px 10px;

    color:#999;

    float:none;

    line-height:18px;

    font-size:13px;

    font-weight:normal;

    }

    #access ul li ul li a:hover, #access ul li ul li:hover > a {

    background-color:#333;

    text-decoration:none;

    color:#fff;

    #2448
    Sakin
    Keymaster

    @Dennisvs: Always add in your site URL so that we can see in and find the solution.

    #2457
    Dennisvs
    Member

    The url is:

    www[dot]scandiccaravans[dot]nl

     

    But i placed a under construction plugin. I will remove it so you can look at it.

     

    Thanks!

    #2458
    Dennisvs
    Member

    Sorry, i forgot to mention another point.

    When viewing website on a iPad my sidebar is showing at bottom of page.

    Any idea what the problem with that is? I thought this theme was iPhone/iPad friendly. I noticed the media meta line up in style.css.

    #2461
    ronmerk
    Participant

    Hi Dennis:

    IPADs are mobile devices. Responsive themes stick the side panel at the bottom so your main page gets the best display possible.

    Ron

    #2467
    Dennisvs
    Member

    Is there a way to show the website on the iPad/iPhone the way it shows in a browser on a computer?

    The sidebar turns up on the bottom of screen on every page.

    Should i just remove all media meta? Or would that effect the theme badly?

    Thanks in advance!

    #2481
    Sakin
    Keymaster

    @Dennisvs: If you want to remove the way it it show on the iPad/iPhone then you need to disable the responsive. You can do it from WordPress Dashboard “Theme Options -> Theme Options -> Responsive” Just check on Check to disable.

    #2485
    Dennisvs
    Member

    Thanks for the answer Sakin!

    Have you been able to look at the nav menu bar?

    I opened up my website for you so you can have a look. I would like to put it back on ‘Under Construction’ as soon as possible again, because its live now. But its not finished yet.

    Thanks!!

     

    #2487
    Sakin
    Keymaster

    @Dennisvs: You menu texts are center align. I am bit confused. Can you explain bit more.

    #2488
    Dennisvs
    Member

    If i look at my site with safari there’s a little space on the right side next to contact tab.

    When i look with firefox its not there.

    #2489
    Sakin
    Keymaster

    @Dennisvs: There is double border. So, you can disable it by adding the following css in Custom CSS box in your Theme Options under Appearance Tab.

    #access ul li:last-child { border-right: none; }

    #2491
    Dennisvs
    Member

    Thank you so much Sakin! I was working on this for a couple of days haha

    I am such a newbie on css, but i will learn slowly 😉

    Thanks again for your help!

    #2492
    Sakin
    Keymaster

    @Dennisvs: thanks and all the best with your learning. cheers 🙂

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to center align nav menu’ is closed to new replies.