Move top menu up

[Emilll]

Hello

 

I´m developing a theme, or well, changing one.

 

I would like to move my logo, the searchbar, and the links up about 65px. (see attached photo).

 

How do i do this?

 

All help is greatly appriciated

 

Link to site: http://hamburgerpress.se/svenskautekok/sv/

Edited February 6, 2015 by Emilll (see edit history)

[mickeyboy1]

You could try this........

 

In themes/YOUR_THEME/css/global.css

 

Find ....

 

#search_block_top { around line 16407

#block_cart_top { around line 16395

header .row #header_logo { around line 10607

 

And add

margin-top: -50px;

To all three places in the global.css file.....

 

 

 

You will then notice that the topmenu has also raised up so you need to goto

 

themes/YOUR_THEME/css/modules/blocktopmenu/css/blocktopmenu.css

 

and find #block_top_menu {

 

Then add

margin-top: 50px;

You will get something like this

 

 

 

You can play with the figures (50px) to suit your needs just remember whatever you minus on the global.css, you have to plus the same amount in blocktopmenu.css

Edited February 7, 2015 by mickeyboy1 (see edit history)

[Emilll]

Thank you, works like a charm!

[Emilll]

Tho, I noticed one issue now.

 

If you check above the searchbar, you cant click on the link "kontakta oss" (contact us) or the language etc. What might be the issue here?

[mickeyboy1]

Try adding

z-index: -1;

to

 

#search_block_top  and

#block_cart_top in global.css

[Emilll]

Also worked like a charm! Thank you !

[Emilll]

Ok well, now the search and the cart block arnt working

[mickeyboy1]

Hmm i see, the class of the search box and cart box is overlapping the above links

 

May have to make a new class for them and code some css to position them where you want

 

EDIT:

 

For the search block remove the following from global.css

    margin-top: -50px;
    padding-top: 50px;
    z-index: -1;

Also remove the following from themes/YOUR-THEME/css/modules/blocksearch/blocksearch.css

padding-top: 50px;

 

 

 

Still working on cart block....

 

EDIT2:

 

For the cart block remove the following from global.css

    margin-top: -50px;
    z-index: -1;

Then goto themes/YOUR_THEME/css/modules/blockcart/blockcart.css  and find

#header .shopping_cart {
    float: right;
    padding-top: 50px;
    position: relative;
}

and remove padding-top: 50px;

 

That should do it

Edited February 8, 2015 by mickeyboy1 (see edit history)

[Emilll]

Awesome! works great