Hi Young JC,
You have an awesome website. and you can have it as you want !
To move the navigation menu to the top right corner, just follow these two steps:
1- in your css file (style.css), look for a property that looks like this (search for “#inner-header”) :
@media only screen and (min-width: 800px)
#inner-header {
position: relative;
}
Just add these two lines :
float: right;
margin-right: 30px;
This should look like this:
@media only screen and (min-width: 800px)
#inner-header {
position: relative;
float: right;
margin-right: 30px; /* increase or decrease this to the preferred value*/
}
2- Look for this code block in your css file (search for “.menu”) :
@media only screen and (min-width: 800px)
.menu {
float: right;
max-width: 672px;
width: 400px;
margin-top: 62px; /* Decrease this value to the preferred value : 32px looks good*/
}
Let Me know if you still having any problem.
Cheers!
Rachid
Hey Rachid, Thanks for the help!
I was able to move the menu up Thanks! However, I am unable to find
@media only screen and (min-width: 800px)
#inner-header {
position: relative;
}
the only thing that comes up under #inner-header search is
#inner-header .widget { display: none; }
#inner-header nav { min-height: 1%; overflow: hidden; }
and
#inner-header { position: relative; }
#inner-header .widget_connect a { text-align: center; width: 30px; height: 30px; display: inline-block; margin-left: 5px; }
#inner-header .widget_connect a img { width: 30px; height: 30px; }
Forgive me if i’m missing something.
Thanks!
Hi,
Now that we did it with the top, let’s go to the right ! 😉
In the code you pasted above, add the code below to it :
float: right;
margin-right: 30px; /* increase or decrease this to the preferred value*/
so, this line :
#inner-header { position: relative; }
becomes :
#inner-header {
position: relative;
float: right;
margin-right: 30px;
}
Let me know if this works.
Good Luck !
Rachid.
