Logo margin

Hello,

I am working on the Simplicity theme and I was wondering how I could increase the distance between the logo (top right) and the top part of my site.

I'd say it has something to do with the margin of that class, but what's the code I need to add?

(I have attached a screenshot to visualise what I mean)

Thanks a bunch,

Theo

(Sorry for the double post)

The problem obviously arises when scrolling down (see attached)

Hello,

I need your website URL to help you with that (you can send me a PM or write here).

Hi,

you can use this code in css/override.css file:

Code: Select all

#gk-menu-wrap.active .imageLogo > img {
   -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
   margin-top: -10px;
}


or use another image for the menu after scrolling:

Code: Select all

#gk-menu-wrap.active .imageLogo > img {
   background: url('your_image_path');
}

or increase the top header height, but I think it's not a good idea.

Perfect! Thanks!