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, 7 months ago by Sakin.
Viewing 20 posts - 1 through 20 (of 49 total)
1 2 3 →
  • Author
    Posts
  • March 30, 2013 at 4:23 am #6167
    igudger
    Participant

    I can’t figure out how to get my logo to go next to the header text. Any suggestions?

    http://gudger.us/blog/

    Thanks,

    Ian

    March 31, 2013 at 9:14 am #6204
    Sakin
    Keymaster

    @igudger: Sorry I don’t seem to understand your question properly. As you have kept the header image/logo properly. How can I help you with it.

    April 1, 2013 at 4:24 am #6223
    igudger
    Participant

    Hey Sakin, I didn’t know how long it would take to respond, So I tried something else entirely. I made a logo with with the graphic and text as one image and then uploaded. It works great. The problem was I was trying to use a logo graphic and the normal Title text (that normally shows up in the header area) and was trying to get them to sit next to each other. That didn’t work. I hope this makes sense. Great theme by the way and I appreciate the support and quick response. You guys rock. Thanks.

    April 2, 2013 at 12:42 am #6278
    Sakin
    Keymaster

    @igudger: The response time depends on the number of support ticket. I have to answer all the support forum. Sorry for the delay.
    Just add the following CSS in “Custom CSS” box in Theme Options panel.

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

    But the tweak that you did with your header image in excellent.

    April 2, 2013 at 2:52 am #6288
    igudger
    Participant

    Thanks for the info. Really appreciate it.

    August 6, 2013 at 4:13 am #12791
    jsilver
    Participant

    I’m trying to simply align the description centered under the logo.

    The code you suggested doesn’t seem to change the default behavior. I have the description enabled but not the title.

    Thanks for your help on this.

    August 6, 2013 at 10:34 am #12798
    Sakin
    Keymaster

    @jsilver: Sorry, I need your site URL.

    August 6, 2013 at 11:12 am #12799
    jsilver
    Participant

    The site is still a work in progress. I’ve made a couple of pages private so you can view them: http://arokis.gogirosites.com/

    You can see that the description is appearing to the right of the logo. I want it to display below the logo.

    August 6, 2013 at 11:12 am #12800
    jsilver
    Participant

    Sorry – meant to say made a couple of pages public.

    August 6, 2013 at 7:19 pm #12811
    Sakin
    Keymaster

    @jsilver: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
    #site-details { clear: both; padding: 0 0 0 31px; }

    August 7, 2013 at 8:47 am #12840
    jsilver
    Participant

    Thanks @Sakin. Works great!

    September 14, 2013 at 1:13 am #14523
    kat22
    Member

    I tried all I have read in the forums, but nothing worked. I would like to have the logo, site title + tagline and FB + Twitter + search lined out in the header. Could you please advise? http://www.katrien123.nl

    September 14, 2013 at 9:06 pm #14533
    Sakin
    Keymaster

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

    #hgroup.with-logo {
        clear: none;
        display: inline;
        float: left;
        padding-left: 10px;
    }
    September 15, 2013 at 1:02 am #14544
    kat22
    Member

    Thanks for your help Sakin, unfortunately it didn’t work out. I have added the CSS, but the site title + tagline are still placed lower then the logo and FB + Twitter icons. Did I do anything wrong?

    September 15, 2013 at 1:42 am #14546
    kat22
    Member

    I added the following CSS:
    #site-logo {
    display: inline;
    float: right;
    }
    #hgroup.with-logo {
    clear: none;
    display: inline;
    float: left;
    }

    And this worked out. I would like to have some more space between logo and site title and less ‘white’ above and below. Do you have tips?

    September 15, 2013 at 6:16 am #14553
    kat22
    Member

    I found out how to reduce the space underneath and above the site title, but I didn’t find out yet how to get more space between logo and site title. Hopefully you can advice.
    Another question is how I can make the site title smaller, so the favicons and search fits beside it.

    Thanks for your help again!

    September 15, 2013 at 11:47 pm #14570
    Sakin
    Keymaster

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

    @media screen and (max-width: 1000px) {
    #site-title {
        font-size: 30px;
    }
    }
    #hgroup {
        padding-left: 20px;
    }
    September 17, 2013 at 5:26 am #14655
    kat22
    Member

    Thanks! It worked out.

    October 21, 2013 at 1:59 am #16138
    basak
    Member

    Hello, on my website http://www.viranatura.com

    i would like to add text to the right of the logo in the header area.
    Can you help me with the CSS coding?

    October 21, 2013 at 2:37 am #16144
    Sakin
    Keymaster

    @basak: It’s not possible to add text with CSS. You need to build child theme and then edit the code which is technical and will require you to hire a customizer. But for simple solution, you can just upgrade to Catch Everest Pro version, where you can just add widgets in Header Right Sidebar http://catchthemes.com/themes/catch-everest-pro

  • Author
    Posts
Viewing 20 posts - 1 through 20 (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

  • Darcie XML file?
  • Sidebar is not showing on Archive
  • Help Fatal error with My Music Band Pro
  • Event year and link
  • Header not displaying to full width
  • Link color in menu the same as in page. Now page links are invisible in page
  • Thank you
  • My website text too small and clickable elementor to close issue
  • How to show selection of events on homepage
  • link color view shopping cart in heading causes problem in breadcumblink
  • Display Primary Sidebar before Main content on mobile devices
  • product name on category page
  • view shopping cart in header color
  • Font Size
  • products in portrait on mobile not correct
  • Remove previous post/next post module
  • FSE Frontpage
  • color text breadcrumbs
  • deformation header image
  • Feature Image size in post
  • Unwanted ‘Projects’ header appears above actual header on each page
  • Change default image on header side bar widget area.
  • color footer text
  • deformation header (2)
  • Create a PayPal Donate Button Widget
  • Subdomains: Extra Payment required?
  • Header right menu not well on tablet.
  • Transparent backround color
  • Header image cant auto fit in browser
  • Demo files missing

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

  • 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