Site Logo

• 

  wolskimariedesign · Member · Jul 27, 2018 at 8:46 am

  • Copy link
  • Add topic to favorites

  Is there a way in which I can add my logo to the Janice theme to the top-left of the main menu?

  Webpage is kimvano.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  catkiinson · Staff · Jul 27, 2018 at 8:59 am

  • Copy link

  Hi,

  It looks like you can have your logo displayed just underneath the menu by doing the following:

  Your site’s title will be displayed in the header area on your homepage. You can easily replace this text with your own logo or custom image in the Customizer. Go to Customize → Site Identity and upload a new image.

  More about the Janice theme setup options can be found here:
  https://wordpress.com/theme/janice/setup

  Because Janice is a premium theme, you can also ask a question to the theme author in this forum: https://premium-themes.forums.wordpress.com/forum/silocreativo/janice/

  Getting the logo directly alongside the menu may require Custom CSS, which is part of WordPress.com premium and business plans:
  https://en.support.wordpress.com/custom-css/

  You can read more about the plans here:
  https://wordpress.com/plans

  And pricing options here:
  https://wordpress.com/pricing/

  Hope this helps :)

• 

  gemmacevans · Member · Jul 27, 2018 at 11:49 am

  • Copy link

  Hi wolskimariedesign,

  I’ve written some CSS to move your logo to the left — the menu moves to the right to help things look a bit more balanced in that area. This CSS can be pasted into My Sites > Customise > CSS:

  /* Left align logo and right align menu */
  @media screen and (min-width:768px) {
    .site-branding {
      display: inline;
      float:left; 
      padding: 20px;
      width: 300px;
    }
    #site-navigation-wrapper {
      display: inline;
      float: right;
      width: calc(100% - 300px);
    }
  }

  The .site-branding CSS that is already there will need to be removed because it conflicts with what I’ve shared above.

  If you need any further help, feel free to reply here or use the email and Live Chat support included in your plan:

  https://wordpress.com/help/contact/