Title: Adding a logo   move menu
Last modified: September 1, 2016

---

# Adding a logo move menu

 *  Resolved [rb3498](https://wordpress.org/support/users/rb3498/)
 * (@rb3498)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/)
 * Hi there,
 * For a website I’ve been working on I’m trying to change a few things.
 * – I want the menubar to appear above the featured image, next to a custom logo-
   image.
    – Is it possible to set a different featured image for every page?
 * I have downloaded a CSS editor, and I’ve been able to change colors an such. 
   But other than that my knowledge of CSS is 0. I hope some of you may be able 
   to help me set it up.
 * Thank you!
 * The website: [http://bit.ly/2aBwD20](http://bit.ly/2aBwD20)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [webkong](https://wordpress.org/support/users/webkong/)
 * (@webkong)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596246)
 * Dashboard –> Pages –> All Pages
 * Click on page title.
 * At bottom right **Set featured image**
 *  Thread Starter [rb3498](https://wordpress.org/support/users/rb3498/)
 * (@rb3498)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596303)
 * Thank you, webkong.
 * What I’m trying to do is to remove the header image that appears on every page,
   and replace it with a featured image. I’ve found the CSS code that removes the
   header from a certain page. But when I set the featured image, it appears as 
   a thin bar instead of the full size image.
 * So is there also a possibility to change the size of the featured image?
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596444)
 * [@rb3498](https://wordpress.org/support/users/rb3498/): You could make use of
   some custom CSS in order to change the height of your featured images.
 * The following would increase featured images on all pages of your site:
 *     ```
       @media screen and (min-width: 1230px) {
       .hero.with-featured-image, body[class*="front-page"] .hero {
           padding: 200px 0;
       }
       }
       ```
   
 * You could increase/decrease the value of 200px in order to increase/decrease 
   the image’s height.
 * In case you’re not aware: You should never edit your theme’s files directly as
   changes made will be lost when it comes to update. Instead, to add CSS, you can
   activate [Jetpack’s custom CSS module](https://jetpack.com/support/custom-css/)
   and then navigate to Appearance > Edit CSS. (Alternatively, you can [set up a child theme](https://codex.wordpress.org/Child_Themes)
   or [activate a standalone CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css).)
 * Let me know how you get on with that! I’d be happy to help with any other questions,
   too.
 *  Thread Starter [rb3498](https://wordpress.org/support/users/rb3498/)
 * (@rb3498)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596461)
 * [@siobhyb](https://wordpress.org/support/users/siobhyb/): Thank you so much. 
   That totally does the trick!
 * I would also like to add a custom logo (image) to the website. So that it will
   appear above the header, and next to the menu. I’ve seen this on a few other 
   Edin-themed websites, but haven’t been able to do it myself. Can you help me 
   with that?
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596462)
 * Edin supports a logo with the Jetpack plugin active. Since you have Jetpack active,
   open the Customizer and head to the Site Title, Tagline, and Logo panel, and 
   you’ll see a spot where you can upload a logo.
 *  Thread Starter [rb3498](https://wordpress.org/support/users/rb3498/)
 * (@rb3498)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596475)
 * [@kathryn](https://wordpress.org/support/users/kathryn/) Thank you. I hadn’t 
   activated Jetpack jet. Now I have and added a logo succesfully.
 * Is it possible to have the logo on the left and the classic menu on the right?
   I have the standard menu now, but I rather have the classic menu next to it.
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596477)
 * Hi there,
 * You could use some extra custom CSS to float your logo and menu next to each 
   other:
 *     ```
       @media screen and (min-width: 1020px) {
           .header-wrapper {
               float: left;
               width: 35%;
           }
           .navigation-classic .primary-navigation {
               float: left;
               width: 60%;
               margin-top: 50px;
           }
       }
       ```
   
 * Give that a try and let me know how you get on. 🙂
 *  Thread Starter [rb3498](https://wordpress.org/support/users/rb3498/)
 * (@rb3498)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596490)
 * [@siobhyb](https://wordpress.org/support/users/siobhyb/) Thank you Siobhan! I
   managed to move the logo and menu with the CSS you posted above. However, it 
   left a bit of space between the logo and menu (even when I decreased the margins).
 * I did come across [this](https://wordpress.org/support/topic/classic-menu-move-to-site-logo-row)
   topic, and tried the CSS Kathryn posted there and that did the trick.
 * As I said, I don’t know a lot about CSS: I just tried a few things. This is what
   I did for my website now:
 *     ```
       @media screen and (min-width: 1230px) {
   
       .primary-navigation {
            display: inline;
            float: right;
       }
   
       .navigation-classic .menu-primary, .navigation-classic .menu-secondary {
            width: 670px;
       }
   
       .header-wrapper {
            display: inline;
            width: 375px;
       }
   
       .site-logo-link {
           float: left;
           margin-bottom: -25px;
       }
       ```
   
 * Thank you, everyone for being so kind and helpful 🙂
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596492)
 * [@rb3498](https://wordpress.org/support/users/rb3498/): Perfect! I’m glad you
   were able to experiment and find CSS that worked out for you.
 * Thank you for sharing here, too, so that others may benefit.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Adding a logo move menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/edin/1.3.3/screenshot.png)
 * Edin
 * [Support Threads](https://wordpress.org/support/theme/edin/)
 * [Active Topics](https://wordpress.org/support/theme/edin/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/edin/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/edin/reviews/)

## Tags

 * [featured image](https://wordpress.org/support/topic-tag/featured-image/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 9 replies
 * 4 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/adding-a-logo-move-menu/#post-7596492)
 * Status: resolved