Prose Header Widget Issue

Community Forums Forums Design Tips and Tricks Prose Header Widget Issue

This topic is: not resolved

Tagged: , ,

This topic contains 7 replies, has 3 voices, and was last updated by  David Chu 1 year, 4 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #51615

    mikeveny
    Participant
    Post count: 1

    Here is a link to my site: http://www.transformingstigma.com/

    The social media icons are in the header widget.

    I’m trying to get it to align to the right hand side, opposite my logo.

    How do I do this?

    http://www.transformingstigma.com/
    #51620

    David Chu
    Participant
    Post count: 1399

    Hi,
    That was a head-scratcher. Your widget was set to float right, but was sitting way to the left! (to the left, to the left!)

    I found two CSS commands that are conspiring to do that. I see that your CSS is minified, but I’ll assume they’re in style.css. (Appearance… Edit…)

    In the following 2 blocks, each setting relating to “width” is shrinking your widget. When I took those out, the social icons happily moved to the right.

    [css]
    #header {
    background-color: #FFFFFF;
    height: 100px;
    max-width: 263px;
    }

    #header {
    height: 150px;
    margin: 0 auto;
    width: 50%;
    }
    [/css]

    If you were working with those figures for a reason, like for responsiveness or something, you could try adjusting those numbers rather than just deleting the settings entirely.

    Cheers,
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #51631

    AC
    Blocked
    Post count: 7712

    I was able to comment out (remove) these lines and they look like this:

    [css]#header .widget-area {
    / float: right;
    / padding: 40px 0 0;
    width: 480px;
    }[/css]

    .

    • This reply was modified 1 year, 4 months ago by  AC.
    • This reply was modified 1 year, 4 months ago by  AC.
    • This reply was modified 1 year, 4 months ago by  AC.
    • This reply was modified 1 year, 4 months ago by  AC.
    • This reply was modified 1 year, 4 months ago by  AC.
    • This reply was modified 1 year, 4 months ago by  AC.
    #51635

    AC
    Blocked
    Post count: 7712

    I hate how we cannot add images or other code in here to help people. I added the image in there.

    #51656

    mikeveny
    Participant
    Post count: 1

    BIG THANKS to both of you for taking the time to help me! I really appreciate it.

    I think I fixed the issue (sorta). Once I unchecked ‘minifi css’, it worked.

    Please take a look: http://transformingstigma.com.

    My objective was to have a widget on the right side opposite my logo.

    Any suggestions on how to accomplish that?

    MV

    #51689

    David Chu
    Participant
    Post count: 1399

    Hi,
    I realize it’s not clear to me what you mean by …

    My objective was to have a widget on the right side opposite my logo.

    I had thought you meant to have the icons over on the right side of the design. On the opposite side of the header. If what you’re looking for is like Anita’s screenshot, that’s entirely different. That would explain the teeny sized header dimensions you had. To help, I’d need a more precise description of what you want to do.

    D


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #51693

    AC
    Blocked
    Post count: 7712

    Prose is a beast. I just helped another guy with his Prose theme. If you want me to take a look at your code from here, send me a note using the contact form on my website. I will send you some instructions.

    #51757

    David Chu
    Participant
    Post count: 1399

    Yeah, Prose is beastly. :-) It has its legions of fans (not me), many of whom like the fancy extra control panel. Bob Dunn is a notable proponent.

    I have one client who has already made 2 sites with it, and she wanted every little thing customized in ways that completely foiled the fancy admin anyway. :-) So I got well acquainted with its very geeky innards, which were needed to give it its unusual features.


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

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

You must be logged in to reply to this topic.