Menu Logo Padding?

[CTLblended]

Hi,
I’ve been playing with your theme and I really like it! Very functional and looks great.
I want my top menu to look like the image “menu sticky” that I’m attaching on this post. I played around with costume CSS, and I can get the menu options to look like that. But once I upload my logo, it goes back as you can see in the “menu top” image, no matter how small the image is. I also played with the Developers Tool, and it seems it doesn’t have padding, so I think this goes beyond my current tech skills. Could you please help me?
My website is blendedualberta.ca
Thanks!

Attachments:

You must be logged in to access attached files.

[Veena]

Can you pls upload the exact sitelogo (as in the screenshot)?

[CTLblended]

This reply has been marked as private.

[Veena]

Sorry for the confusion. Actually i requested you to upload the exact site-logo in your site instead of uploading here so that we will be able to suggest exact custom CSS.

[CTLblended]

Sorry! Done 🙂

[Veena]

Pls use the below custom CSS in themeoptions –

#site-logo {
  top: 25px;
}
#primary-menu > ul.menu > li > a {
  padding: 0 20px 0;
}

[CTLblended]

hi. thank you so much for your help! perhaps my description wasn’t clear enough. i’m attaching two screenshots again: NormalM is how it looks right now, i would like to know if i can remove the parts highlighted in green? i want it to look like the sticky menu –StickyM.png– all the time. can this be done? thanks!

Attachments:

You must be logged in to access attached files.

[Veena]

Pls use the below custom CSS in themeoptions –

#primary-menu > ul.menu > li > a {
  line-height: 50px;
}
#primary-menu > ul.menu > li > ul.sub-menu {
  top: 50px;
}
#site-logo {
  top: 0;
}
.sticky-wrapper {
  height: auto !important;
}
#header > .inner > .wrap {
  min-height: 0;
}

[CTLblended]

Thank you so much!! 🙂

[Author]

Posts