Site logo above menu in Rosalie theme?

laingorourke · Member · May 9, 2016 at 4:45 pm
Copy link

Add topic to favorites
Hi everyone. Do you know if it’s possible to put the site logo above the menu in the Rosalie theme please?

I’m told the site logo can only appear on the homepage in this theme. But I’m keen to have the logo on every page too, so if there’s a way to have it as a *smaller* header image, above the menu too, that’d be great.

Thanks in advance.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 9, 2016 at 9:28 pm
Copy link
Hi, in Rosalie, the site logo typically appears above the site title, below the main top navigation. You can however hide the title and tagline/description in the Customize > Site Title, Tagline, and Logo. the logo will appear on all pages and posts. Give that a try and see what you think.

Having it above the navigation can be done. This was worked out with a small image on my test site, and the top padding and background position may need to be adjusted depending on the size of your image.
```
#masthead {
    padding-top: 80px;
    background-image: url("URL_OF_IMAGE");
    background-repeat: no-repeat;
    background-position: center 10px;
}
#masthead .row {
    background-color: rgba(0, 0, 0, 0.04);
}
```
You would upload your logo, if you haven’t already, and then replace URL_OF_IMAGE between the quote marks with the URL of your logo. I added a slight darker background to the menu and menu toggle so that it stands out a bit and the menu toggle is less likely to get lost there on the left.
laingorourke · Member · May 10, 2016 at 10:22 am
Copy link
Thanks very much! Went for the second option in the end and it worked beautifully.
thesacredpath · Member · May 10, 2016 at 7:02 pm
Copy link
Hooray, and you are welcome.

No items found.