Okay
  Public Ticket #184745
Logo/Header aea
Closed

Comments

  • Eddie started the conversation
    March 24, 2014 at 7:20pm
    Hi Djwd. I know you get asked about the logo size all the time, so, bear with me. Here come another! I love the size of my logo right now. It's 445x80. To big to allow for the 728x90 Leaderboard, so I went with the 468x60. The ad looked a little odd in its placement, so I looked through the Public Archives to see if I cold find a solution. I found a ticket where you told a customer to add this to their Custom CSS. #top-ad {padding-top: 12px;} This would help align the ad more evenly. It worked fantastic for me as well! I thought to myself, "Hmmmmm...maybe if I make another code "padding-left", it would move the ad further to the right." It did! Through this slight tweaking, the logo and 468x60 ad look great in my Header. So now I think I'm a genius. That is until I look at my phone and see that the extra padding I added with "padding-left" really makes the alignment awful. I'm using responsive ad placement, and I'm sure I've messed that up. My question is, if I go back to the drawing board, and make my logo the ideal size so that it allows for whatever ad I choose, what size would the logo need to be? I don't want anything to the right of the ad. I want the header to look just as it does now. Logo and ad only. (newsletter box too.) :-) I feel that if I get my logo to the correct size with the ad next to it, it will allow for my header to be correct on mobile devices as well. Thanks a lot! Eddie
  •  93
    djwd replied
    March 25, 2014 at 3:45pm

    Hi there,

    Wasn't easy to read your question, please try to format the text a bit more next time ;)

    I can't tell you what your logo size should be, although if you wish any CSS rule only to affect the desktop view, you can use media queries as so:

    @media (max-width: 1199px) {

/* anything here will only apply to the full desktop view */
#top-ad {padding-top: 12px;}

}

    Hope that helps.

    djwd

    Regards
    djwd

  • Eddie replied
    March 26, 2014 at 12:20am

    Thanks!

    I'm using this code in Custom CSS to reduce the space at the top of my Header. 
    #top-ad {padding-top: 12px;}

    Anything similar I can use to reduce the space at the bottom?

  •  93
    djwd replied
    March 26, 2014 at 2:45pm

    You're welcome.

    The space at the bottom is caused by the Social icon space being empty, you could hide as so:

    .utilities {display:none}

    To reduce to bottom space even further, you could reduce the bottom padding:

    #full-top {
padding-bottom: 0px;
}

    Please be aware that even though I try to put users on the right tracks when possibile, personal customization go beyond regular support.

    Hope that helps

    djwd 

    Regards
    djwd