image as site title

• 

  jedbeachfarmsmart · Member · Apr 28, 2014 at 3:54 pm

  • Copy link
  • Add topic to favorites

  HOw do I add an image for site title?

  We want to change the color of the menu bar and make the site more mobile friendly. On a mobile device the menu header currently blocks some of the images on the site.

  Thanks

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

• 

  jedbeachfarmsmart · Member · Apr 28, 2014 at 3:55 pm

  • Copy link

  HOw do I add an image for site title?

  We want to change the color of the menu bar and make the site more mobile friendly. On a mobile device the menu header currently blocks some of the images on the site.

  Thanks

• 

  shawnajroberts · Member · Apr 30, 2014 at 4:27 pm

  • Copy link

  Hi there!

  How do I add an image for site title?

  You can’t directly add it as your site title. But you can add an image as your header and then add this code to your CSS panel to hide the text:

  .site-title .site-description {
       display: none;
  }

  We want to change the color of the menu bar

  You can change this using this CSS code:

  #navigation {
      background-color: #669D9A;
  }

  Here’s a cool tool for finding complementary colors (it also gives you the hex values :)

  http://colorschemedesigner.com/

  and make the site more mobile friendly. On a mobile device the menu header currently blocks some of the images on the site.

  The Organization theme is already designed to be responsive, which means that it will detect the browser size and display a different template of your site accordingly. You can test this out by visiting your site and dragging your browser to be super skinny.

  You can also see how the different responsive settings will look when you’re customizing your site by clicking on these buttons at the bottom of the screen:

  

  These types of changes can be really complicated and outside of the scope that I can really help with, but here are some resources for you if you’d like to go ahead with editing the mobile version of your site:

  Media Queries for Standard Devices

  Responsive Design with CSS3 Media Queries

  Let me know if I can help further! :)

• 

  jedbeachfarmsmart · Member · May 1, 2014 at 3:00 pm

  • Copy link

  Thank you!

• 

  jedbeachfarmsmart · Member · May 5, 2014 at 7:24 pm

  • Copy link

  how do I move the header image below the menu bar? Currently as it is set up the menu bar is blocking the image.
  Thanks

• 

  shawnajroberts · Member · May 7, 2014 at 7:26 pm

  • Copy link

  Hi there!

  The navigation bar floating over your header is part of the theme’s design. Moving it is more complicated than I can help you with, so if you’d like to do that, you should head over to our CSS forums!

  https://en.forums.wordpress.com/forum/css-customization

  Let me know if I can help with anything else!