Nature One – How to put Logo and Nav on left side?

[Richard Blok]

Hi All,

You guys have helped me before and I’m thankful! Of course I had to ran into another problem. Does anybody knows how to make the Logo (img) appear on the far left side of the header, and next to it the navigation. I want to do this because I have to less space.

www.clannie.nl

Kind regards,

Richard Blok

[Sonl Sinha]

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.header .header-inner .logo { position:relative; left:-100px;}

Regards,
Shri

[Richard Blok]

Hi Shri,

Thanks, this worked for me. The only problem is, is that the Nature One Theme is responsive. That means when I use your code, the logo dissapears to far on the left side on the mobile version. Is there any solution for that?

Thanks in advance!

Kind regards,

Richard

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.header .header-inner .logo { position:relative; left:0;}
}

Regards,
Shri

[Richard Blok]

Thanks alot Shri! Awesome help! Everything went exactly how I wanted it ! 🙂

Can I ask you one more question?

Do you also know how to make my Submenu bar wider? I used this code:
.menu-energie-container ul ul a {
width: 250px;

and it worked to make the text not wrapped but whole. But the problem is that the background (white bar) doesn’t has the same lenght as the text..

Hope you can help out!

Best regards,

Richard

[Sonl Sinha]

Same again maintenance mode.

Regards,
Shri

[Richard Blok]

Maintenaince mode is off, and you can access my WOrdpress account right now. I hope it is still possible for you to change this, would be awesome.

Richard

[Sonl Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .nav ul li:hover > ul { width:250px !important;}

Regards,
Shri

[Richard Blok]

Hi Shri,

It didn’t work, nothing changed. I still see “Menu > Verzekeringen > Rechtsbijstandverzekering” still goes past it’s container. I want to make the container wider.

Richard

[Richard Blok]

Hi Shri,

I fixed it. This code worked:

.nav ul:hover ul { width:250px !important;}

This topic can be closed, hope you can help on my other issues 🙂

Thanks!

Richard

[Sonl Sinha]

Okay cool.

Regards,
Shri

[Author]

Posts