Get meny under the header in twentytwelve

• 

  superjanne · Member · Jun 5, 2015 at 8:34 am

  • Copy link
  • Add topic to favorites

  Hello.

  Would like to get the menu under my header and the “leave a comment” line under the post + bigger fonts.

  Anyone who can help me with that?

  I have custom CSS :)

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

• 

  superjanne · Member · Jun 5, 2015 at 8:35 am

  • Copy link

  *Custom

• 

  thesacredpath · Member · Jun 5, 2015 at 4:57 pm

  • Copy link

  Hi there, for the menu relocation, due to the fact that your theme is a responsive design, there are some limitations. The following relocation is limited to 600px and wider screens/windows since below that the touch menu for tablets/phones becomes active. For touch devices narrower than 600px, the menu button will be above the header image.

  @media screen and (min-width: 600px) {
  	#masthead {
  		position: relative;
  		padding-bottom: 100px;
  	}
  	.main-navigation {
  		position: absolute;
  		bottom: 0;
  		width: 100%;
  	}
  }

  For the comments link, we can move that to the very end of the post content area with the following. Since the sharing section at the bottom of the posts can vary in height due to number of likes, we can’t reliably put it above the sharing section.

  .site-content article {
  	position: relative;
  	padding-bottom: 50px
  }
  .entry-header .comments-link {
  	position: absolute;
  	bottom: 0;
  	font-size: 1.5em;
  }

  You can adjust the 1.5em font size as desired.

• 

  superjanne · Member · Jun 5, 2015 at 11:10 pm

  • Copy link

  Thank you !

  But can i get the meny a little closer up to the header, or is it possible to have a bigger header now all the way down to the meny?
  And is it possible to have the tags invincible under the posts?
  and one last thing, can i change “leave a comment” to something else?

  Thanx!!!

• 

  superjanne · Member · Jun 6, 2015 at 12:30 am

  • Copy link

  Hello again, why is some of my links get lightgrey on the right side, there are dark grey, and i want them to be that all the time…

• 

  superjanne · Member · Jun 6, 2015 at 12:31 am

  • Copy link

  my date is gone om each post too

• 

  thesacredpath · Member · Jun 8, 2015 at 5:11 pm

  • Copy link

  …can i get the meny a little closer up to the header…

  We need to keep some room so that when your menu goes to two lines, it doesn’t overlap your header image. We can modify the Media Query I gave earlier and add another one, but if you add or remove menu items, the Media Queries will need to be adjusted to compensate for that. Replace the code I gave you before with the following and see what you think. To check and see how things work, narrow and widen your browser window.

  @media screen and (min-width: 600px){
  	#masthead{
  		position:relative;
  		padding-bottom:100px
  	}
  
  	.main-navigation{
  		position:absolute;
  		bottom:0;
  		width:100%
  	}
  
  }
  @media screen and (min-width: 940px) {
  	#masthead {
  		padding-bottom: 50px;
  	}
  }