Support » Theme: Circumference Lite » Logo Image, Title and Tagline Positioning

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

    (@drjadler)

    Also relevant: I added
    @media screen and (max-width: 480px) {
    #cir-logo {
    display:none;
    }
    }
    to the child style.css, so the logo does not appear on mobile devices.
    So, if possible, I prefer to adjust the size of the default logo.
    Thanks.

    Theme Author Styled Themes

    (@gejay)

    You have a 446px horizontal space available by default for the complete logo, title with tagline. You can have your logo larger, but please be aware that it will take up space from your title and tagline so you want to make sure that everything will still fit within that. If you still need more room, then it’s time to use the child theme and modify the theme file header.php and change the col width of the logo and nav containers.

    You would have to change this class:
    <div class="col-md-5">
    to be col-md-6

    Then change this container for the nav:
    <div class="col-md-7">
    to be col-md-6

    When you take one away from one, you add it to the other, or vice versa (both need to equal 12 col. This is part of the bootstrap framework.

    hgriffin2011

    (@hgriffin2011)

    Is it possible to make the logo bigger, without having a tagline and title. I am not using a tagline or title but I want my logo to be bigger so it is readable. Please help!!!!

    drjadler

    (@drjadler)

    Thank you so much. I was able to get the Logo image to appear next to Title and Tagline by adjusting the image dimensions to 150×150 and modifying the header.php file in the child theme as you explained above.

    My question is resolved.

    Theme Author Styled Themes

    (@gejay)

    @drjadier….good to hear 🙂

    @hgriffin2011…as mentioned, you have a space of 446px in width at your disposal if you want your logo to be as wide as that. The height can be almost anything you want. So yes, you can make your logo bigger, then select the logo only option in the theme settings Appearance >> Customize >> Site Title & Tagline

    hgriffin2011

    (@hgriffin2011)

    Okay I got the width thing fixed but now is there a way to change the height? here is the link to the sight I am working on http://43b.04c.myftpupload.com
    Please take a look at it and please give me some suggestions on what I should do about the height issue.

    Thank you

    Theme Author Styled Themes

    (@gejay)

    @hgriffin2011…your height will be relative to the width of your image. So if you had an 800×600 image and you reduced it down to 400px in width, then the height will be relative to that which would then be 300px (400×300). If you need something specific, you can make your logo to the exact size you need it. Also be aware that this theme is responsive, so images in a contained area that has a specific width will automatically resize (down-size) to fit.

    hgriffin2011

    (@hgriffin2011)

    I finally got it!!! Thank you so much for your help!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Logo Image, Title and Tagline Positioning’ is closed to new replies.