[v00d0]

Hi! i’m trying to get the menu in the center of the page with the title above it. i figured out how to put the title before the menu by swapping the div position in the header.php then in the css i gave to the nav#header a 100% width but now i don’t know how to put the title and the menu int he center of the page. i tried to give to the ul margin 0 auto and 0 50% but it doesn’t work. Can u help me please???? cause im not so experienced in responsive design so i don’t know if im doing well or not. Thanks a lot anyway really cool and well done theme.

[ahmetsali]

Hi, this could be frustrating, but here is a starting point for you. The css code below makes your header center align, and menu above title.

#header {
text-align: center;
}
#header nav {
float: none;
padding-top: 80px;
}
#header .title {
float: none;
position: absolute;
width: 100%;
top: 0px;
margin-left: 0;
}

But this won’t be enough since your header height will grow after this code, you need to decrease your content height to prevent overlap, and you need to this for various screen sizes, here is the code for larger screens;

@media screen and (min-height: 900px) and (min-width: 978px)
.page {
height: 560px;
}

[v00d0]

ah clear…thx a lot

[v00d0]

reading it now seems rly easy my problem was that the menu became vertically and with display:block-inline or float left i couldn’t resolve my problem. Now it’s looks great thanks a lot, ur theme is amazing.

P.S Sry for my english still working on it xD

[remytennant]

@v00d0 I may want to try this and would like to see how it worked out for you. Would you mind giving me the URL of the site? Thanks.

Remy