How Do I Edit the Header in My Magazine Pro Theme?

Community Forums Forums General Discussion How Do I Edit the Header in My Magazine Pro Theme?

This topic is: not resolved

This topic contains 9 replies, has 3 voices, and was last updated by  nutsandbolts 9 months, 4 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #81505

    MMD
    Member
    Post count: 2

    I’m having an issue getting the header of my new Magazine Pro theme to look the way I want it to.

    I would like to add a custom logo to the right hand side of the header and place the social media icons to the far left. The social media icons are no problem because there is already a widget for this. Unfortunately the image I’d like to use for the logo is larger than the default 380×90 allowed size. I’d prefer to use 580×90. I have edited the functions.php file and stylesheet where I can clearly see the 380px reference.

    BUT even though I do this, when I add in the social icons to the right side and upload the custom logo, the end result is that my image still gets shrunk down to a noticeably reduced size when you look at it on the front end. Is there a way that I can keep my logo from being reduced in size?

    As an alternative solution, I would be satisfied with just using the theme’s default text for my logo. However, again when I add in the social icons to the right, the header text insists on wrapping itself into two lines instead of just staying on one line like I would want it to. Is there a way I can remove this text wrap?

    http://www.mymoneydesign.com/
    #81506

    nutsandbolts
    Keymaster
    Post count: 3187

    When you increase the width of the title area by 200px, you also need to reduce the width of the header right widget area by 200px. Otherwise you end up with two header elements that can’t be on the same line because they’re wider than the header. Hopefully that makes sense.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #81546

    MMD
    Member
    Post count: 2

    Thanks Andrea. But I have already done this in a few areas and it still seems to have the same result.

    .site-header .widget-area {
    float: right;
    text-align: right;
    /* width: 728px; */
    width: 528px;

    Is there something else in the code that I’m missing?

    #81588

    nutsandbolts
    Keymaster
    Post count: 3187

    I’m not sure I completely understand what you’re seeing versus how you want it to look. Right now I see the header at 100% and the social icons in the sidebar – does the title behave itself that way, or are you still experiencing the same issue?


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #81613

    MMD
    Member
    Post count: 2
    This reply has been marked as private.
    #81719

    nutsandbolts
    Keymaster
    Post count: 3187

    Sure, I can take a look for you. My email is andrea@nutsandboltsmedia.com.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #84480

    Elisa
    Member
    Post count: 5

    Hi,

    I have a similar problem so I thought I would just post it here to avoid cluttering up the forum :-)

    Similarly to the OP, I would like to have a logo/smaller header aligned to the left and the social media icon widget to the left. However the widget doesn’t show.

    When I went into the style.css file, I saw this bit:

    /* Full width header, no widgets */

    .header-full-width .title-area,
    .header-full-width .site-title {
    width: 100%;
    }

    which seems to be the issue… mind you, css newbie here, so 3/4 of the time I am not sure what I am looking at ;-)

    How do I edit it so that both the header (600px width) and the widget show up?

    If you need to take a look, my blog is at http://www.globetrottinginheels.com

    Thanks in advance for your help!

    #84488

    nutsandbolts
    Keymaster
    Post count: 3187

    Hi Elisa,

    I’m seeing both the social icons and your logo in the header – did you get this resolved? I may not be understanding exactly what you want it to look like, so feel free to tell me in more detail and I’d be glad to help if I can.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #87517

    Elisa
    Member
    Post count: 5

    Hi Andrea,

    I am so sorry, I think I handled this. I am pretty stubborn, so I didn’t give up until I got it :-)

    #87518

    nutsandbolts
    Keymaster
    Post count: 3187

    No problem! I just like to make sure. Glad you got it working! :)


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.