Image size

• 

  globalaffairspress · Member · Aug 30, 2016 at 5:36 pm

  • Copy link
  • Add topic to favorites

  Hi,

  Can someone please tell me how to put the title of my site right next to the image logo? Right now it is underneath and I would like to move that to the right side and this way it would eliminate the extra grey area that is currently predominant on my home page.

  Thanks,
  Mauricio

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

• 

  thesacredpath · Member · Aug 30, 2016 at 10:35 pm

  • Copy link

  Mauricio, I see you have used some absolute positioning to move the title. I did notice with this that below 625px in window/screen width that part of your site title disappears. What I would suggest would be to limit this change to screens/windows 625px and wider using a Media Query. Replace your existing rule with the following and see what you think.

  @media screen and (min-width: 630px) {
  .site-title {
  	font-size:35px;
  	position:absolute;
  	bottom:40px;
  	left:200px
  }
  }

• 

  thesacredpath · Member · Aug 30, 2016 at 11:11 pm

  • Copy link

  Thinking a bit more, you may also want to add the following below the above, which centers the logo and title at 629px and narrower.

  @media screen and (max-width: 629px) {
  	.site-title {
  		text-align: center;
  		margin-right: 0;
  	}
  	.header .section-inner {
  		text-align: center;
  	}
  }