[Dennisvs]

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;

[Sakin]

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

[Dennisvs]

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!

[Dennisvs]

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.

[ronmerk]

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

[Dennisvs]

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!

[Sakin]

@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.

[Dennisvs]

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!!

 

[Sakin]

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

[Dennisvs]

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.

[Sakin]

@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; }


[Dennisvs]

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!

[Sakin]

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

[Author]

Posts