[Theme: Januas] Adjust Navigation Menu

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.

Perfect! Many Thanks ??