Hi, I'm trying to change the top menu background image padding to take up the whole top nav, but whenever I try to change the padding, the font also changes.

This is what I'm trying to edit:

.menu-header {

padding-top:12px;

Please see this image: http://grab.by/9Fnc

Thank you.

This is how my code looks:

'.topmenu li:hover a,

.topmenu .current-menu-item a,

.topmenu .current-menu-parent a,

.topmenu .current-menu-ancestor a

{

background: url(images/topm_bg_left.png) top left no-repeat;

}

.topmenu li:hover a span,

.topmenu .current-menu-item a span,

.topmenu .current-menu-parent a span,

.topmenu .current-menu-ancestor a span

{

background:url(images/topm_bg_right.png) top right no-repeat;

}

.topmenu li.parent:hover a {

background:url(images/topm_bg2_left.png) top left no-repeat}

.topmenu li.parent:hover a span {

background:url(images/topm_bg2_right.png) top right no-repeat}'

Changing from top right and top left to top -15px didn't do much

Changing top to -15px does this: http://grab.by/9FrM

It doesn't go all the way on the topnav background, it just cuts the image.

I want this: http://grab.by/9Ftw

Exceptthat I don't want to mess with the font, stretching it is just because of my laziness with photoshop right now

Also, I would appreciate if you tell me how to move the welcome bar up and remove that space where I put a red line.

http://grab.by/9FuI

Find this code in style.css

.topnav {
    background: url("images/topnav_bg.png") repeat-x scroll 0 0 transparent;
    height: 70px;
}

and change it to:

.topnav {
    background: url("images/topnav_bg.png") repeat-x scroll 0 0 transparent;
    height: 54px;
}

and this code:

.welcome_bar {
    background: url("images/title_bar_bg.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    margin-bottom: 44px;
    position: relative;
    z-index: 10;
}

change to:

.welcome_bar {
    background: url("images/title_bar_bg.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    margin-bottom: 44px;
    position: relative;
    z-index: 10;
}

.welcome_bar {
    background: url("images/title_bar_bg.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
    top: -15px;
}

What about I want this: http://grab.by/9Ftw

Exceptthat I don't want to mess with the font, stretching it is just because of my laziness with photoshop right now put the hover background and I will give you the solution, because now it seems that this background is missing.

Welcome bar height still not working, despite changes made.

Ok, credentials were sent

Hi Max, thanks for that. While you made the changes, the home banner has decreased in size and the button "Abra sua loja agora" moved up and to the right.

Can you take a look at that? Here it is: http://cl.ly/2Y0j1s2E3o1l0Y0z3v2h