Logo Question - UXL Themes

This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago by Phillip Allen.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 22, 2018 at 3:03 pm #4254

Phillip Allen
Participant

This may be beyond this forum… Is there a way to get my logo to hang over the menu bar and the header image? If I put it in the Menu bar it makes that bar too big. If it is in the header image it makes that area too big. Thoughts?

Also you guys have been great! Thanks!

March 22, 2018 at 4:57 pm #4255
Andy
Keymaster
In Additional CSS you could write something like:
```
img.custom-logo {
    max-width: none;
    margin-bottom: -170px;
}

#masthead.scrolled img.custom-logo {
    margin-bottom: 0;
}
```
The second part is to stop the logo overlapping the page content when scrolling down the page.

Difficult to say exactly without knowing the dimensions and width/height ratio of your logo but you can always experiment with different values for margin-bottom and max-width if you find the logo is too large e.g. max-width: 200px;

Hope this helps.
March 22, 2018 at 5:18 pm #4256

Phillip Allen
Participant

Works perfectly thanks!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Logo Question’ is closed to new replies.