Skip to content
Catch Themes Logo

Catch Themes

Premium Responsive WordPress Themes with advanced functionality and awesome support. Simple, Clean and Lightweight Responsive WordPress Themes

  • Home
  • FSE Pro Plugin
  • Themes
  • Features
  • Hosting
  • Support
  • Blog
  • My Account

Getting the logo in alignment with header text

Support Forum Catch Everest | Free WordPress Theme

Tagged: header text, logo, menu

  • This topic has 48 replies, 14 voices, and was last updated 5 years, 9 months ago by Sakin.
Viewing 20 posts - 21 through 40 (of 49 total)
← 1 2 3 →
  • Author
    Posts
  • November 25, 2013 at 10:10 am #17613
    Graham
    Member

    @Sakin, trying to align my header logo to center. Any ideas what script to insert into the custom CSS field?

    November 26, 2013 at 2:04 am #17631
    Sakin
    Keymaster

    @Graham: Please post your site URL so that I can check in.

    November 30, 2013 at 4:28 pm #17766
    Graham
    Member

    @sakin I’m happy with my logo alignment now but it would be cool to know remove some of the padding in the header and in the gap below the slider? The logo has about a half inch on top and bottom, within the header. I think I’d like that to slim down to about a 1/4 inch on top and bottom. Do you have a script for that for the custom CSS field? The gap below the slider looks like about another half inch, which I’d like to remove so the slider sits flush over the tagline. website:media-cracker.com

    Thanks,
    Graham

    December 1, 2013 at 12:14 am #17793
    Sakin
    Keymaster

    @Graham: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    /* For header bottom Gap */
    #hgroup-wrap { padding-bottom: 20px; }
    /* For header top Gap */
    #site-logo, #header-right { padding-top: 20px; }
    /* For gap between Slider and Headline */
    #homepage-message { margin-top: 20px; }
    February 15, 2014 at 3:41 am #20376
    Troy
    Member

    Hi Sakin,
    I would appreciate help lining up my logo (face shot) with my title and tagline. My site is here: http://troygronseth.com

    Can you instruct me how to move the title/tagline down so it is centered vertically with the logo? As you can see, it is now toward the top of the logo.

    Really enjoy the simplicity of this premium theme! Thanks for your help.

    Troy Gronseth

    February 15, 2014 at 5:58 pm #20391
    Sakin
    Keymaster

    @Troy: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box. You can change the value of padding top as per your need.

    @media screen and (min-width: 768px) {
    #site-details { padding-top: 35px; }
    }
    February 16, 2014 at 9:41 am #20414
    Troy
    Member

    Thank you, Sakin! Your instruction worked perfectly. I appreciate your prompt reply!

    Best,
    Troy

    July 6, 2015 at 9:31 pm #60574
    lanretobi
    Participant

    sakin pls am using your catch everest theme but am trying to put the logo on same line with the site title and tagline. i dont like the way the logo is on top. pls help thanks

    July 7, 2015 at 10:54 am #60619
    Sakin
    Keymaster

    @lanretobi: For that you can add the following css in “Appearance => Theme Options => Custom CSS” box:

    #hgroup.with-logo {
        clear: none;
        float: left;
    }

    For more, please post in your site URL when you ask for support. It will be easy for me to check in and suggest you the css.

    September 4, 2015 at 4:03 pm #66063
    Fezotto
    Member

    Hey I have i big problem with my menu. I want to vertically align my Logo (which is my home button) to the the text of the title link of the oter pages.

    Right now my menu is looking like this:

    ———
    | HOME |
    | LOGO |
    |——-| About us | Who we are | Contacts | info | Shop

    I want to align it to the center of the logo by using a script:
    ———
    | HOME |
    | LOGO | About us | Who we are | Contacts | info | Shop
    |——-|

    Is it possible?

    Thanks

    September 4, 2015 at 9:36 pm #66083
    Sakin
    Keymaster

    @Fezotto: Can you post in your site URL and explain then I can check in if this is possible or not.

    September 25, 2015 at 1:30 am #67426
    Adrian_Simion
    Member

    Hey, I don’t know squat of css, but can you please help me align the logo in the middle of the menu bar in the header so it would go like: Home Nu stiu My Account LOGO and then the other 3 pages. I think I would need the whole css code because I don’t know what to add or how. Thank you very much. 🙂

    http://troistone.xyz

    September 25, 2015 at 8:12 am #67443
    Sakin
    Keymaster

    @Adrian_Simion: Sorry we only support theme by us (Catch Themes). I see that you are using different theme. Please contact that theme author support.

    May 26, 2016 at 11:07 am #92326
    igudger
    Participant

    Hi!

    I was using an old Everest theme and the code that I was given to make the logo and the title and tagline to be aligned doesn’t work any more after I upgraded. Can you please help.

    Here is the website:

    gudger.us

    Here is the code that I was given:

    #site-logo { display: inline; float: left; }
    hgroup.with-logo { clear: none; display: inline; float: left; margin-left: 10px; }

    See Reply #6278

    Any help would be greatly appreciated.

    May 26, 2016 at 11:58 am #92328
    Sakin
    Keymaster

    @igudger: Css depends on the site and theme used. You can replace that css with the following css:

    #site-logo,
    #hgroup.with-logo {
        display: inline-block;
        float: left;
    }
    
    #hgroup.with-logo {
        clear: none;
        padding-left: 20px;
    }
    May 27, 2016 at 8:39 pm #92440
    igudger
    Participant

    Thank you so much, Sakin!

    July 14, 2016 at 9:57 pm #95482
    neh
    Participant

    Hello Sakin,

    Trying to set our logo to the far left inline with our social media links on the far right…

    I have played with the size of the logo and the cropping…

    still can’t get it to look right.

    like we use to have it before I changed our logo, see here,
    https://web.archive.org/web/20141026175325/http://www.maisonharbour.com/

    here is our current site,
    http://www.maisonharbour.com/

    Cheers,
    NEH

    July 14, 2016 at 10:21 pm #95483
    Sakin
    Keymaster

    @neh: Looks like you have already fixed it as when I check in your site. Your logo is at left and social icons are at right.

    July 14, 2016 at 10:33 pm #95484
    neh
    Participant

    Hi Sakin,

    I am getting closer… played a lot with the size of the image and,

    #site-logo {
    padding-top: 25px;
    }

    #hgroup-wrap {
    padding-bottom: 20px;
    }

    Now working on getting the menu bar integrated with the slider images. Is it possible to play with the transparency or the menu bar and overlay it?

    Cheers,
    NEH

    July 15, 2016 at 1:00 pm #95519
    Sakin
    Keymaster

    @neh: For advance customization like this, you might need to hire a customizer. Try the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    #header-menu {
        background-color: transparent;
        margin-bottom: -45px;
        position: relative;
        z-index: 99;
    }
  • Author
    Posts
Viewing 20 posts - 21 through 40 (of 49 total)
← 1 2 3 →
  • The topic ‘Getting the logo in alignment with header text’ is closed to new replies.

Support Forum Instructions

Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here.

When you post in your question, please don't forget to post in your site URL. If you have issue in posting question here in forum then check out screencast from our YouTube channel.

Notice: Support Forum Now Requires User Moderation to Avoid Spammers

Search Forums

Popular Themes

ScapeShot Pro

Buy Now

Photofocus Pro

Buy Now

Bold Photography Pro

Buy Now

Euphony Pro

Buy Now

My Music Band Pro

Buy Now

Rock Star Pro

Buy Now
Hire a Customizer

Recent Topics

  • Homepage feature image slider issue (Awaiting moderation)
  • Mobile menu linking to nowhere
  • Unable to customize the website
  • Change Testimonial section title
  • How to change color of header font and clicked links
  • Remove header in a single service
  • how to disable comments (entries)
  • Hero background bug
  • display social icons
  • Remove eye icon from WooCommerce images on mouse hover
  • Replace Hamburger with the text “MENU”
  • Stretched logo picture in mobile appearance
  • I can’t import the demo file into my blog
  • Disappeared home images
  • Need help with my page.
  • Catch Flames Pro Theme Font
  • Remove the word featured from above sticky post
  • Unable to hide meta with post
  • Changing the Location name (Contact-Theme-Function)
  • 404 page
  • Home Content Missing
  • Same image size for each device
  • Adding date
  • 1600×300 px images as post image on No sidebar, full with layout
  • Notice error in frontpage
  • Main Menu – position changed
  • Catch Responsive Child Theme Appears Totally Different
  • Upgrade from Audioman Free / retain settings and customizations?
  • Change Header Font
  • Remove theme’s reddish-pink button color from The Events Calendar Pro elements?

Popular Tags

background blog catch box catch everest child theme Color comments css Excerpt featured content featured image featured slider font footer header header image Home Page homepage image images layout logo menu mobile navigation padding page portfolio post posts responsive search sidebar Simple Catch site title slider theme title translation update widget widgets width woocommerce wordpress

Featured Posts

  • Best Free WordPress Block Themes for Full Site Editing for 2022
  • 40+ Best Free Business WordPress Themes for 2022
  • 30+ Best Free WordPress Themes for 2022
  • 25+ Best Free Music WordPress Themes for 2022
  • Our Top 10+ Free and Premium Photography WordPress Themes Collection 2022
  • Our Free and Premium Music WordPress Themes Collection

Donate Now

Click on the Donate button below to Support Free Themes, Free Plugins, and Free Support. All donations are used for the development and improvement of free themes, plugins, and support. Thanks for your contribution.
  • Home
  • About Us
  • Contact Us
  • Join Our Team
  • Terms & Conditions
  • Privacy Policy
  • Facebook
  • Twitter
  • Linkedin
  • Scroll Up
  • Pinterest
  • Youtube
  • Instagram
© 2012 - 2022 Catch Themes: Premium WordPress Themes. All rights reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Cookie settingsGot it!
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT