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 guys,
I have been working with the Vintage Premium for two ears now and i want to freshen up my web pages’s design. I want to put my logo and name over the menu bar. So the logo, that is round, should be on the far left side and stretch a bit over the menu (top and bottom side). the comes the name and afterwards the menus, lke home, serveses and so on. Sadly I could not find an example of what I want.
Here is my webpage:
here i a sketch of how it shoud look like:
http://www.filedropper.com/unbenannt_6
I hope you can help me!
P.S. I read the other threads on this subject, but they don’t actually meet my requirements.
Hi Mike,
You can do this with the Logo in Menu masthead layout and some custom CSS. Please navigate to WP AdminAppearanceCustomize, theme SettingsLayout and set the Masthead Layout to Logo in Menu. Once you’ve done that let me know and I’ll provide you with some follow-up CSS to allow for the logo to exceed the menu.
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Dashboard. Please reference this thread and include your SiteOrigin order key in the email.
Hi Alex,
Thanks for the help. I did what you asked me. I put my website in a maintenance mode, so I guess you will not be able to see the change. Do you need to see it for the CSS?
Hi Mike,
If you still would like the logo to exceed the menu like your example, I will yes.
To bypass the maintenance mode, I’ll need an account. As such, would it be possible for you to create a temporary admin account for us so we can log in and take a look?
This is a private message.
This is a private message.
Hi,
I have done that. You should have gotten the Email. Unfortunately I have to go out for a couple of hours, will check with you as soon as I am back.
Thanks again.
This is a private message.
Hi,
So the logo comes up too small, I tried to change it the CSS and from the picture, but it is still small. PNG size ratio is 7713 to 2500.
Hi Mike,
Oh, sorry. There was a typo in my CSS. Please replace the previously provided CSS with the following CSS:
.logo { min-width: 200px; padding: 0 !important; } .logo img { max-height: 200px !important; position: absolute; }You’ll need to adjust the min-width if you decide to increase the height. I would highly recommend, if possible, removing the “my stadium guide” text from the logo as it’ll give you far more space.
Hi,
i just tried your last correction. Sadly the Logo is no not exactley on the menu. Can you log in and check how it looks like?
Hi Mike,
Oh. Sorry, please add the following CSS:
.logo { margin-top: 0 !important; }hi Alex,
So i changed the CSS a bit, like this:
And I got the Logo into the menu line. Now what I need is to expend it from the top and the bottom a bit over the menu, so the upper and lower part of the Logo are "outside" the menu bar.
Somethign like this:
====O============menu===========
I hope you understand what I mean.
I was thinking if in this case the Menu should not be attached in the header...
Wow, my code didn’t get published:
.logo img {
max-height: 100px !important;
position: static;
}
Hi Mike,
Okay, so I understand now.
Please replace all previously provided CSS with the following:
#page-wrapper { background-color: #dbd3e2; } #masthead { margin: 25px 0; } .logo { padding: 0 !important; margin-top: 0 !important; } .logo img { max-height: 150px !important; position: absolute; top: -30px; } .menu-header-container { padding-left: 150px; }You’ll need to adjust the sizing but that should be what you’re after.
Wow, Thanks! that did the trick. Now I just need to set sum thing up, like size and position, but I think I will be able to do it myself. If not I will ask you once more for help. I will leave the thread open for just a few more hours, if it is not a problem. as soon as i am done with positioning the logo, I will tell you and close the thread!