Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi
I’ve put my logo into the menu – i needed it to be bigger, so I have used:
/* Vantage Remove Logo in Menu img constraint */
header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}
What I would like to know is if there is anyway I can have about half of the logo overlapping the content below?
Not sure how to put it…
Thank you!
Hi Chantal,
You should be able to do this with CSS Do you have a public URL where I can look at how your page is setup to write the CSS? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Hi Chantal,
You can do this by via the following custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.logo { position: absolute;}.logo img { position: relative; top: 20px; z-index: 22;}@media (max-width: 1085px){ .main-navigation .menu a { padding: 50px 20px; }}@media (max-width: 950px){ .main-navigation .menu a { padding: 50px 10px; }}@media (max-width: 750px){ .main-navigation .menu a { padding: 50px 5px; }}You might also need to install the SiteOrigin CSS Editor.
I would recommend increasing the increasing your mobile menu collapse (Vantage Premium only setting) or your menu will look rather squished for 200px (roughly between 750 and 450). To do this navigate to AppearanceTheme Settings. Under the Navigation heading is a setting called Mobile Menu Collapse. Change this setting to, ideally, 749px.
Please let us know if you need any help with this. By the way; as you’re a Vantage Premium user you’re entitled to priority email support. If you would like to make use of that next time please follow the instructions found on this page.
You are a rock star. Thank you.
Hi Chantal,
Thank you! :) Is there anything else I can help you with today?
Explain to me why I am still using Obox Layers for another site? This is so much better :)
Hi Chantal,
Thank you very much for the kind words! It’s been an absolute pleasure helping you. Please don’t hesitate to make another thread if you ever run into any issues, or have any questions regarding CSS. :)