Change the width of the Header Navigation

[ayanni]

Hi everyone , i need help, i want to change the width of the Header as in the Foto, this would be a big kind of you if someone can help.

 

Edited April 7, 2015 by ayanni (see edit history)

[MichałM]

The simplest way: open header.tpl in theme catalog.

 

Find:

<div class="nav">
	<div class="container">
		<div class="row">
			<nav>{hook h="displayNav"}</nav>
		</div>
	</div>
</div>

Replace:

<div class="nav">
	<nav>{hook h="displayNav"}</nav>
</div>

[ayanni]

Hi MichałM , thank you very much for your replay, but i does not work still voll width

[ayanni]

i just need it like that

 

[MichałM]

I don't understand. You want narrower topbar than in default?

[ayanni]

yes exact

[MichałM]

Ok my mistake. Please restore original header.tpl.

 

In css/global.css find and remove:

header .nav {
    background: #333; 
}

Than find: header .nav nav and modify for example:

header .nav nav {
    background: #333;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
}

[ayanni]

Hi MichałM, thank you, it works now perfect thank you, still one thing i can not change the language any more, the dropdown it does not work any more.

you can try it here 

mylaptop.ch

[MichałM]

Ok in: header .nav nav please change overflow: hidden for float: left

 

It should works.

[ayanni]

Thank you very much, it works perfect. Great Job