[SOLVED] Full width top menu not working

[sw1ft25]

Hi,
 
I have read some topics here and made some changes on my own to header.tpl

<!-- Header -->
			<div id="header">
				<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
					<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
				</a>
				
				<div id="header_right">
					{$HOOK_TOP}
				</div>
			</div>
			
			
		<div id="page" class="container_9 clearfix">
		

			

			<div id="columns" class="grid_9 alpha omega clearfix">
				<!-- Left -->
				<div id="left_column" class="column grid_2 alpha">
					{$HOOK_LEFT_COLUMN}
				</div>

I removed class="container_9 clearfix" from "header" and "header_right" and moved that <div> with header id up from the "page" <div> so I could modify the superfish-modified.css to:

.sf-menu {
	margin:20px 0;
	padding: 0px;
	width: 100%;/* 980 */
	background: #c9c9c9;

I don't really know why this won't work and on top of that I managed somehow to fix this earlier but now it looks like this: http://gradina-viitorului.ro/presta/index.php

 

Help would be much appreciated.

 

Thanks in advance, Daniel

Edited November 28, 2013 by vekia (see edit history)

[sw1ft25]

Ok, my bad.. It was really my mistake. I missed something in the global.css at line 558, header section

#header_right {
	position:relative;
	
	width:100%;
	margin:0 auto;
}

Thanks to http://www.prestashop.com/forums/topic/281109-new-way-to-make-a-100-full-width-header-and-menu/ i managed to fix it.

 

Seemed that my search wasn't in-depht after all

Edited November 28, 2013 by sw1ft25 (see edit history)

[vekia]

hello

thank you for information that it works now and where the problem was

i marked this thread as [solved]

with regards,

Milos