Categories and Logo in Periodical Theme

• 

  likulacenglishinsider · Member · Jun 16, 2016 at 10:53 pm

  • Copy link
  • Add topic to favorites

  Hello,
  How can I remove the categories in the header of the Periodical theme and expand the logo to full width?

  Thanks,

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

• 

  thesacredpath · Member · Jun 17, 2016 at 4:25 am

  • Copy link

  Hi there, the following will remove the categories menu from the right of your logo.

  .main-navigation {
      display: none;
  }

  On the logo, we can do this, but when you set a logo, WordPress creates the logo in the size needed on the original design. The following hides the existing logo and inserts the original image in a different div. Give it a try and see what you think.

  .main-navigation {
  	display: none;
  }
  @media screen and (min-width: 600px) {
  	img.site-logo {
  		visibility: hidden;
  	}
  	.site-logo-link {
  		background-image: url("https://likulacenglishinsider.files.wordpress.com/2016/06/tee6.png");
  		background-size: contain;
  		background-repeat: no-repeat;
  		height: 400px;
  		display: block;
  	}
  	.site-title-wrap {
  		max-width: 100%;
  	}
  }
  @media screen and (max-width: 1024px) and (min-width: 801px) {
  	.site-logo-link {
  		height: 300px;
  	}
  }
  @media screen and (max-width: 800px) and (min-width: 701px) {
  	.site-logo-link {
  		height: 250px
  	}
  }
  @media screen and (max-width: 700px) and (min-width: 600px) {
  	.site-logo-link {
  		height: 210px;
  	}
  }