Adjusting the menu padding - without changing the mobile menue

a96kimsu

Hi!

I'm a designer and not so familiar with code unfourtnately...

I just managed to change the header to

#logo {
display: table-cell;
padding: 20px 40px 12px;
vertical-align: top;
}

#access {
padding: 80px 0 12px;
}

This since I want to have a larger logo in the header and need the menue to center with it this is what I came up with.

BUT I can see that when the page is narrowed (mobile phone mode e.g.) the menue of course brings the padding with it and THAT I don't want, since it leaves a huge gap between the logo and the menue in this mode/size.

Please help me, I'm sure there is an easy way to do it, just tell me what code to put in the child theme and you'll make my day!

Regards
Kim

Air

Hello,
Please post live link to your site then I can produce code right for you.
If it is not possible you can alter your styles rules using snippet below

@media only screen and (max-width: 600px) {
    #access {
        padding: 0;
    }
    #logo {
        padding: 10px 0;
    }
}

Of Course you change values :-)

With regards.

a96kimsu

I can't seem to get it right with your code eather...

here is my link

http://www.womensvoice.se/

Air

I don't see above code added to your page, so have you added it?

With regards.

a96kimsu

Yes I did but the logo and menu aligned to the top - even though I changed the values, I can try it again, but I'm nog sure what values will create the result I got in my first try (code added above)

I'm probably doing something wrong...

Air

OK I see now that child theme styles overwrite all styles, just forgot abut this :-)
Use this CSS

@media only screen and (max-width: 600px) {
    #access {
        padding: 0 15px;
        margin-top: 10px;
    }
    #logo {
        display: inline-block;
        padding: 0;
    }
}

With regards.

a96kimsu

do I put this in the child theme css then?

Air

Instead of asking you could just test yourself :-)

Yes, put it there, below your previous CSS.

With regards.

a96kimsu

Well, the reason I asked is because I tried and tried without result, I give up

Thank you so much for trying to help me, I really appriciate it, hopefully someone else will have use of your comments :

Thanks again
K

a96kimsu

Sorry sorry sorry, I'm truly not very smart when it comes to coding.

I just realized that you meant I should keep my own css code and add yours under it! I misunderstood and replaced it instead.

And YES now it works! I am truly thankful - you made my day!!!!!!!!!!!!!!!!!!

Air

That are great news :-) I will try to be more clear next time :-)

With regards.