Header Logo and Title

• 

  canadiantrailseekers · Member · Dec 14, 2016 at 7:56 pm

  • Copy link
  • Add topic to favorites

  Is there a way to realign the header logo and title so they are beside each other instead of on top of each other? Thus making the header banner narrower. Thanks :)

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

• 

  thesacredpath · Member · Dec 15, 2016 at 4:14 am

  • Copy link

  We can do this, howevery it ends up widening the site title/logo, so at some window/screen width, we would have to let it revert back to the original design. Add the following and see what you think.

  @media screen and (min-width: 768px) {
  	#logo {
  		display: none;
  	}
  	#site-info {
  		background: url('https://canadiantrailseekers.files.wordpress.com/2016/11/headerlogo.png') no-repeat scroll left center / contain;
  		width: 100%;
  		max-width: 650px;
  		padding-left: 60px;
  		margin-left: auto;
  		margin-right: auto;
  		height: 150px;
  	}
  	.site-title {
  		padding-top: 35px !important;
  	}
  }

• 

  eforreal1 · Member · Dec 15, 2016 at 10:33 am

  • Copy link

  Please would appreciate any help in changing the CSS style menu:

  I use this but it doesn’t work:

  .kleo-main-header,.nav {
  color :white !important;

  }

  Thanks

• 

  thesacredpath · Member · Dec 15, 2016 at 7:21 pm

  • Copy link

  Hi @eforreal79, this thread is about the Natural theme. Can I ask you to create a new thread in the CSS Forum and please provide a link to your site? Many thanks in advance.