Support ForumRight align main navigation menu when it is too long and falls on a new line – Support Forum

Right align main navigation menu when it is too long and falls on a new line

daylegal — Thu, 25 Sep 2014 01:02:54 +0000

Hi –

What is the Custom CSS to move the .nav-main menu to right justify?

Thank you

IshYoBoy — Thu, 25 Sep 2014 04:32:09 +0000

Hey,

The menu is already right-aligned using this code:

.main-nav {
	float: right;
	position: relative;
}

.main-nav {

float: right;

position: relative;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

daylegal — Thu, 25 Sep 2014 15:48:07 +0000

Yes – I saw that. However, my menu is somehow aligned fully to the left (finoladay.com).

If .main-nav is right-aligned by default, which CSS snippet is controlling the horizontal movement to the left?

Thanks!

daylegal — Thu, 25 Sep 2014 15:54:01 +0000

The problem appears to be the size of the logo. It pushes the menu to a new line, and then moves it over to the left.

With a smaller logo it works.

IshYoBoy — Fri, 26 Sep 2014 05:31:12 +0000

Hey,

Yes, when there is not enough space the menu falls on a new line. the code that controls it is:

.resp-nav .main-nav {
	float: left;
	position: relative;
	left: -15px;
}

.resp-nav .main-nav {

float: left;

position: relative;

left: -15px;

}

If you still want it right aligned, even when it is on a new line, you can change it to:

.resp-nav .main-nav {
	float: right;
	position: relative;
	left: 0;
}

.resp-nav .main-nav {

float: right;

position: relative;

left: 0;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market