# How can I place my logo in the menu bar?

**URL:** <https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678>\
**Category:** RapidWeaver Classic\
**Created:** [November 2, 2015, 2:52am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678 "2015-11-02T02:52:26Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![iSeeThis](https://avatars.discourse-cdn.com/v4/letter/i/ed8c4c/32.png) [@iSeeThis](https://forums.realmacsoftware.com/u/iSeeThis)\
**Post date:** [November 2, 2015, 2:52am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/1 "2015-11-02T02:52:26Z")

</div>

I try to find a way in property settings but failed. The way I want it to be is like the pic attached. Thank you!

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/e0d3c91db9133ec8141145084fb419170de9265f.png)

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [November 2, 2015, 10:24am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/2 "2015-11-02T10:24:10Z")

</div>

@iSeeThis  
It depends on the theme. Which theme are you using?  
In Foundation, it is exactly as in your example.

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/a/af4a06f158f3bb9a034e313998b4845266e1335a.png)

---

<div class="post-metadata">

**Author:** ![iSeeThis](https://avatars.discourse-cdn.com/v4/letter/i/ed8c4c/32.png) [@iSeeThis](https://forums.realmacsoftware.com/u/iSeeThis)\
**Post date:** [November 2, 2015, 9:45pm UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/3 "2015-11-02T21:45:06Z")

</div>

Thank you Oscar. It appears to be so expensive to get good things! 😄

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [November 3, 2015, 8:31am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/4 "2015-11-03T08:31:10Z")

</div>

@iSeeThis  
If you tell me which theme you are using, I can take a look at this 😉

---

<div class="post-metadata">

**Author:** ![iSeeThis](https://avatars.discourse-cdn.com/v4/letter/i/ed8c4c/32.png) [@iSeeThis](https://forums.realmacsoftware.com/u/iSeeThis)\
**Post date:** [November 3, 2015, 8:51am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/5 "2015-11-03T08:51:20Z")

</div>

Really sorry I didn’t realize you asked for it. I’m using Split of Yuzoolthemes. Thanx a lot for your time.

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [November 3, 2015, 9:37am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/6 "2015-11-03T09:37:31Z")

</div>

Split put the logo in the left corner, but with a little display problem.

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/ee3ff4fa30b4dd7fe187c9284473f81aa125a742.png)  
 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/e60cc4b8c92af01fd6a76aa189e6a424b5f47b6a.png)

When you use a 50 x 50px logo, you can put this code in inspector CSS and it’s perfekt on desktop and on iPad and iPhone. [Look here](http://www.oscar-schmid.ch/testsites/split/)!  
When the logo is smaller, change the margin.

`.header #logo { margin: 0px 0 0 3%; }`

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/a/a3187f265699281de72ffb2ea9f32b404c505643.png) ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/a/a791681f28740e6d4ebf761ca1044d968905e073.png)

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [November 3, 2015, 10:40am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/7 "2015-11-03T10:40:03Z")

</div>

You can/must paste the logo here.

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/5/5bda6f04383265ed76ea3447eab38415774dd6aa.png)

---

<div class="post-metadata">

**Author:** ![iSeeThis](https://avatars.discourse-cdn.com/v4/letter/i/ed8c4c/32.png) [@iSeeThis](https://forums.realmacsoftware.com/u/iSeeThis)\
**Post date:** [November 4, 2015, 2:46am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/8 "2015-11-04T02:46:56Z")

</div>

This is exactly what I try to understand: using css to control things! I appreciate your kindness much, Oscar. Wish you had a full life of good luck!

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [November 4, 2015, 9:29am UTC](https://forums.realmacsoftware.com/t/how-can-i-place-my-logo-in-the-menu-bar/3678/9 "2015-11-04T09:29:31Z")

</div>

@iSeeThis  
There is a good way, to understand, what’s happen in a website.

Activate the developer view, then you can look wich code is activ and you can copy and paste this code in RW CSS with your own code with other settings.

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/1/1edced14ef5aa14063945ff29c5ca7de9b8cd6ce.png)

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/0/06ab3d40770e1ca70431c7c1e47ae5234a51157e.png) ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/e547eaada1463263aa181bfe6ff8945981721aa1.png)

When you activate this in safari, you can look in every page on the web 😉  
Have a good time !

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/f/f6d3371706c677c2a5bed52977608fb8d6616616.png)
