• Resolved hckyman96

    (@hckyman96)


    Is there a way to center everything in the header? I would like the email, social media, logo and menu to all be centered above the slider.

    Also, by doing this, I’m hoping to make the logo larger (approx. 300 x 105). Any help with that will also be appreciated.

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi,

    Please provide website URL first.

    Then Go to Appearance Menu >> theme option >> General Option.

    Now set custom Logo heigt and width as you want.

    Save the changes.

    Thanks

    Thread Starter hckyman96

    (@hckyman96)

    the url is vincentigneri.com/wordpress

    before I center the header, I would really like to have my logo be even with the menu bar so there is not so much white space at the top. If it can fit in the area where the guardian logo is in the original theme, that would be perfect.

    I put the logo in the header image section. When I load the logo into the theme option section, it disappears, even when I change the size.

    Thanks again for your help

    Hi,

    Create a “Child-Theme” first.

    Now create a “header.php” file into your “Child-Theme” directory.

    Now copy the code from this LINK and paste into “header.php” file of your

    “Child-Theme” directory.

    Now save the changes.

    Thanks

    Thread Starter hckyman96

    (@hckyman96)

    I created a child theme and entered the code from the above link into header.php but nothing has changed. The header looks the same as it has.

    Hi,

    Now Write below CSS rules into custom CSS editor:

    .right img {
    margin-top: 0px !important;
    margin-bottom: -60px !important;
    }

    Now save the changes.

    Thanks

    Thread Starter hckyman96

    (@hckyman96)

    Perfect! Thank you!

    Thread Starter hckyman96

    (@hckyman96)

    It looks great on desktop but on mobile, the logo is covering the email address. Is there a way to move the email address down on mobile only?

    Thanks again

    Hi,

    Write below CSS rules into Custom CSS editor:

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    @media only screen and (min-width: 480px) and (max-width: 767px){
    	.navbar-toggle {
    		padding: 5px 5px 27px !important;
    	}
    	.right img {
    		display: block;
    		height: auto;
    		width: 100%;
    	}
    }
    @media only screen and (max-width: 479px){
    	.navbar-toggle {
    		padding: 5px 5px 27px !important;
    	}
    	.right img {
    		display: block;
    		height: auto;
    		width: 100%;
    	}
    }

    Now save the changes

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Header area’ is closed to new replies.