- This topic has 12 replies, 3 voices, and was last updated 11 years, 8 months ago by
Sakin.
-
AuthorPosts
-
December 17, 2012 at 4:24 pm #2421
Dennisvs
MemberHey 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;
December 20, 2012 at 12:27 am #2448December 20, 2012 at 2:28 am #2457Dennisvs
MemberThe 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!
December 20, 2012 at 2:33 am #2458Dennisvs
MemberSorry, 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.
December 20, 2012 at 7:43 am #2461ronmerk
ParticipantHi Dennis:
IPADs are mobile devices. Responsive themes stick the side panel at the bottom so your main page gets the best display possible.
Ron
December 20, 2012 at 10:42 pm #2467Dennisvs
MemberIs 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!
December 21, 2012 at 5:37 pm #2481Sakin
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.
December 21, 2012 at 5:53 pm #2485Dennisvs
MemberThanks 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!!
December 21, 2012 at 5:57 pm #2487Sakin
Keymaster@Dennisvs: You menu texts are center align. I am bit confused. Can you explain bit more.
December 21, 2012 at 5:59 pm #2488Dennisvs
MemberIf 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.
December 21, 2012 at 6:05 pm #2489Sakin
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; }
December 21, 2012 at 6:09 pm #2491Dennisvs
MemberThank 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!
December 21, 2012 at 6:12 pm #2492 -
AuthorPosts
- The topic ‘How to center align nav menu’ is closed to new replies.