Logo to navigation menu

• 

  tmbagency · Member · May 30, 2017 at 8:16 pm

  • Copy link
  • Add topic to favorites

  Hi,

  Is it possible to add the logo to the top left of the navigation menu?

  Thanks for the help,
  Cecilia

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

• 

  thesacredpath · Member · May 31, 2017 at 3:43 am

  • Copy link

  Hi Cecilia, let’s start with this. I grabbed the image you have right below the header area, which appears to be your logo. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and let me know your thoughts.

  .header-top {
  	background: url('https://themarketingb0utique.files.wordpress.com/2014/06/logo1withpink-resized-a.jpg?w=1120') no-repeat scroll left top / 100px auto;
  }
  .header-top .wrap {
  	margin-left: 100px
  }
  @media screen and (min-width: 60em) {
  	.header-top .wrap {
  		width: auto;
  		margin-left: 150px;
  	}
  	.header-top {
  		background-size: contain;
  	}
  }

• 

  tmbagency · Member · May 31, 2017 at 1:14 pm

  • Copy link

  Hi,

  That looks awesome. Thank you.

  Would it be possible to add a hyperlink to the image, to go back to home?

  Cecilia

• 

  thesacredpath · Member · May 31, 2017 at 11:23 pm

  • Copy link

  Great! No, we can’t add hyperlinks with CSS. It’s just a styling and positioning document used by the browsers.