Image location change

• 

  fteswl · Member · May 17, 2017 at 5:37 pm

  • Copy link

  The image that it shows on the header with the blue heart FTESWL and the site tagline. It shows up on the phone. I just rather it have the menu bar to the left and the logo in the middle. If you can do that for the tablet view as well that would be great.

• 

  thesacredpath · Member · May 18, 2017 at 12:39 am

  • Copy link

  The logo and the Podcast, sports… is within the header image. You do not have a logo set.

  If you set a logo, we can hide it down to when the touch device menu activates, and then hide the header image and make the logo visible.

• 

  fteswl · Member · May 18, 2017 at 3:09 pm

  • Copy link

  Can’t we used the same sticky logo that pops up with the sticky menu the one that is in the internet tab for my site. This logo is also seen on the left when the sticky menu activities on the tablet or pc? Exactly what you’re saying is what I want. So how do I set a logo?

• 

  thesacredpath · Member · May 18, 2017 at 7:42 pm

  • Copy link

  Yeah, I pulled the larger image URL from your media library. Add the following at the very bottom of your custom CSS and see what you think. For me, the logo really isn’t legible at that smaller size.

  @media screen and (max-width: 600px) {
  	.site-header {
  		background: url("https://fteswl.files.wordpress.com/2017/05/img_8382.gif") no-repeat scroll center center /contain #000;
  	}
  }

• 

  fteswl · Member · May 19, 2017 at 2:05 am

  • Copy link

  Yes, I agree I should have a new logo design to upload by this weekend so we can use that.

  As far as that menu button right now is bottom left is there a way to make it top left or at the very least level with the logo. I rather it be level with the logo so that sticky menu white background isn’t such a big block.

• 

  thesacredpath · Member · May 19, 2017 at 5:00 am

  • Copy link

  This might be a bit tricky because of other things we have done with custom CSS in the header area. Let’s wait until you get the new logo done, uploaded and on the site before messing with the menu toggle.

• 

  fteswl · Member · Jun 5, 2017 at 8:05 am

  • Copy link

  Just an update still working with my designer on the logo.

  Is there a way to have the articles text on a white surface instead of it all being grey so the words pop out more? So basically the whole article having a white background but the whole page around it still grey.

• 

  thesacredpath · Member · Jun 5, 2017 at 7:19 pm

  • Copy link

  See if this is what you are looking for on the content background.

  .site-content .container {
  	background-color: #fff;
  	padding-top: 10px
  }

• 

  fteswl · Member · Jun 5, 2017 at 11:16 pm

  • Copy link

  That works! Thank you now my front page is showing code??? Instead of my display posts I don’t know what’s wrong?

• 

  thesacredpath · Member · Jun 5, 2017 at 11:55 pm

  • Copy link

  I’m seeing your posts and not any code. Did you get this figured out?

• 

  fteswl · Member · Jun 5, 2017 at 11:58 pm

  • Copy link

  I got it to work there was a plug in I needed to install

• 

  musicdoc1 · Member · Jun 6, 2017 at 12:14 am

  • Copy link

  @fteswl,

  Hey Scared, thank you for helping.

  You’re first Happiness Engineer helper on this topic has been @thesacredpath.

• 

  musicdoc1 · Member · Jun 6, 2017 at 12:19 am

  • Copy link

  Oops! Correction: “Your first…”

• 

  fteswl · Member · Jun 8, 2017 at 3:30 am

  • Copy link

  My site doesn’t look at all on how we set it up to be Scared on the mobile and tablet it’s way different

• 

  thesacredpath · Member · Jun 8, 2017 at 8:05 am

  • Copy link

  Hi, first off, find this rule in your custom CSS and remove the margin-left declaration.

  .display-posts-listing .listing-item .title {
  	display: block;
  	font-size: 125%;
  	margin-bottom: 15px;
  	margin-left: 155px;
  }

  Next, in the max-width: 599px media query, remove this

  .display-posts-listing .listing-item img {
  	max-width: 355px;
  }

  Next, add this at the very bottom of your custom CSS.

  ul.display-posts-listing {
  	list-style: none;
  	margin-left: 20px;
  	margin-right: 20px;
  }
  .display-posts-listing img {
  	width: 100%;
  }

  Let’s start with that and see what you think.

• 

  fteswl · Member · Jun 8, 2017 at 9:50 am

  • Copy link

  Now when it is vertical on the mobile I have not checked the tablet it doesn’t go 3 across like how it looks on the desktop. It is just a singular line straight down with each posts.

  But it does look better than it did earlier today. I just would like to get it back to the 3 posts vertical when the mobile is in vertical position.

• 

  thesacredpath · Member · Jun 8, 2017 at 8:37 pm

  • Copy link

  3 across on mobile would make it very difficult for visitors to click on anything. There is an issue with the order of some of your media queries. Find the following in your custom CSS and move it to the very bottom.

  @media screen and (min-width: 600px) {
  	.display-posts-listing {
  		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -webkit-flex;
  		display: flex;
  		-webkit-flex-direction: row;
  		-moz-flex-direction: row;
  		-ms-flex-direction: row;
  		flex-direction: row;
  		-webkit-justify-content: space-around;
  		-moz-justify-content: space-around;
  		-ms-justify-content: space-around;
  		justify-content: space-between;
  	}
  
  	.display-posts-listing .listing-item {
  		max-width: 31%;
  		width: 31%;
  		margin-left: 10px;
  		margin-right: 10px;
  	}
  
  	.display-posts-listing .listing-item a.alignleft {
  		margin-right: 0 !important;
  		margin-left: 0 !important;
  	}
  }

• 

  fteswl · Member · Jun 8, 2017 at 9:21 pm

  • Copy link

  I understand.
  I moved that whole css code to the bottom

• 

  thesacredpath · Member · Jun 8, 2017 at 9:47 pm

  • Copy link

  Cool. Let me know if you see anything else that is out of whack. :)

• 

  fteswl · Member · Jun 8, 2017 at 10:10 pm

  • Copy link

  Thank you for your continued help. Now on the mobile the posts titles/images aren’t uniformed like they used to be when the phone is vertical. It’s different size images and the post titles aren’t uniformed like on the pc.

  Do you know any plug ins that help market websites and do branding? If so can you recommend any?

  I am still working with a designer to fix the logo so we can finally work on that menu bar.