• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Moving logo on education pro child theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Moving logo on education pro child theme

This topic is: not resolved

Tagged: aligning logo, education pro, moving logo

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 8 months ago by lilysimulado.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 12, 2014 at 4:33 am #131270
    lilysimulado
    Member

    Hi everyone, I'm looking for a way to move the logo down a little bit and a little to the right closer to the navigation menu. Right now the logo is stuck on the top of navigation menu and I would love to being able to adjust down a little it so it stays on the same height as the text on the navigation menu and a little closer. Any advice on how to make that happen would be much appreciated.

    Thanks you for your time.

    Lily

    http://theprepbook.com
    November 12, 2014 at 8:49 am #131288
    Christina
    Participant

    Hi Lily. The logo itself is pretty tiny. Did you want it that small? If you upload a logo that's about twice that size, it should fill up the space and align itself appropriately.

    November 12, 2014 at 9:06 am #131291
    lilysimulado
    Member

    Hi Christina! Thanks for the response, it's just a temporary logo but for example if you would look at it now (updated logo) you would see how the logo is pushed at the top of the site.. do you know how I would move it down and a little to the right closer to the nav menu? Thank you for your help.

    My Current Style css

    
    Site Header
    ---------------------------------------------------------------------------------------------------- */
    
    .site-header {
    	background-color: #fff;
    	border-top: 3px solid #e44a3c;
            box-shadow: 0 3px rgba(70, 70, 70, 0.05);
    	min-height: 61px;
    }
    
    .education-pro-home .site-header {
    	position: relative;
    	top: auto !important;
    	width: 100%;
    	z-index: 499;
    }
    
    /* Title Area
    --------------------------------------------- */
    
    .title-area {
    	background-color: #e44a3c;
    	box-shadow: 0 0px rgba(70, 70, 70, 0.1);
    	color: #fff;
    	margin: 0 auto;
    	padding: 20px;
    	position: absolute;
    	text-align: center;
    	width: 300px;
    }
    
    .header-image .title-area {
    	background-color: #fff !important;
    	padding: 0;
    }
    
    .site-title {
    	font-size: 34px;
    	font-weight: 700;
    	line-height: 1.2;
    	text-transform: uppercase;
    }
    
    .site-header .site-title a,
    .site-header .site-title a:hover {
    	color: #fff;
    }
    
    .header-image .site-title > a {
    	float: left;
    	min-height: 58px;
    	width: 100%;
    }
    
    .site-description {
    	backface-visibility: hidden;
    	font-size: 16px;
    	line-height: 1.3;
    }
    
    .site-description,
    .site-title {
    	margin-bottom: 0;
    }
    
    .header-image .site-description,
    .header-image .site-title {
    	display: block;
    	text-indent: -9999px;
    }
    
    November 12, 2014 at 9:26 am #131296
    Christina
    Participant

    Sure thing! You can add this code:

    .site-title a {
    margin: 3% 15%;
    }

    And adjust the numbers as you'd like.

    November 12, 2014 at 2:44 pm #131340
    lilysimulado
    Member

    I added the code but the logo is still not moving. I tried changing the percentages and adding it to different sections but still no reaction..did I make a mistake somewhere? Thank you for your help.

    
    /* Title Area
    --------------------------------------------- */
    
    .title-area {
    	background-color: #e44a3c;
    	box-shadow: 0 0px rgba(70, 70, 70, 0.1);
    	color: #fff;
    	margin: 0 auto;
    	padding: 20px;
    	position: absolute;
    	text-align: center;
    	width: 300px;
    }
    
    .header-image .title-area {
    	background-color: #fff !important;
    	padding: 0;
    }
    
    .site-title {
    	font-size: 34px;
    	font-weight: 700;
    	line-height: 1.2;
    	text-transform: uppercase;
    }
    
    .site-header .site-title a,
    .site-header .site-title a:hover {
    	color: #fff;
    }
    
    .header-image .site-title > a {
    	float: left;
    	min-height: 58px;
    	width: 100%;
    }
    
    .site-title a {
    margin: 10% 35%;
    }
    
    .site-description {
    	backface-visibility: hidden;
    	font-size: 16px;
    	line-height: 1.3;
    }
    
    .site-description,
    .site-title {
    	margin-bottom: 0;
    }
    
    .header-image .site-description,
    .header-image .site-title {
    	display: block;
    	text-indent: -9999px;
    }
    
    November 12, 2014 at 3:30 pm #131344
    lilysimulado
    Member

    Oh my bad! It worked! Just took a while to update. Thank you Christina!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble