1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Problem with my Logo Resizing/Search Bar

Discussion in 'Styling and Customization Questions' started by 51463, Oct 16, 2013.

  1. 51463

    51463 Well-Known Member

    Somehow while i was customizing my header and page background or something...

    Well know my header is acting funny.

    My header is on the Left and on the Right is an advertising Banner.

    When i shrink my browser the search bar goes over the avatar and users cannot see it.

    When it goes even smaller the search bar looks a little like its over the border.

    I have added 5 pictures in sequence to show my problem. You can see the problem on pictures 3 & 4 header (1).jpg header (2).jpg header (3).jpg header (4).jpg header (5).jpg

    Can someone help me?
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. 51463

    51463 Well-Known Member

    I can't get this to work!!

    I've tried many things but the logo always goes down too far. If i get rid of the adsense advertising it works fine. But everytime i put an ad to the right of the logo. It wont work.

    And i really want to put an add to the right of the logo. Why is it so complicated:cry:

    Is there any way we can get rid of the responsive design just for the header part?

    I don't know what to do.
  4. 51463

    51463 Well-Known Member

    Anything i do. The logo keeps forcing itself down on top of things. Is there a code somewhere where i can push it up? Or make some kind of wall to keep it from going down.

    Attached Files:

  5. 51463

    51463 Well-Known Member

    I also tired to use this

    <xen:hook name="ad_header" />
    <div style="display: block; float: right; line-height: {xen:calc '@headerLogoHeight - 4'}px; *line-height: @headerLogoHeight; height: @headerLogoHeight; vertical-align: middle">
    <img style="vertical-align: middle" src="../path/to/image.png" />

    But it also pushes the logo down

    And as you can see the Post New Thread becomes hidden and then no one will be able to post a new thread.

  6. 51463

    51463 Well-Known Member

    I give up!! Is there anyone who we can pay to do this for us.
  7. Russ

    Russ Well-Known Member

    51463 likes this.
  8. 51463

    51463 Well-Known Member

    I'm not sure what i did. But it's working a bit..


    <div style="display: block; float: right; line-height: {xen:calc '@headerLogoHeight - 4'}px; *line-height: @headerLogoHeight; height: @headerLogoHeight; vertical-align: middle">
    add script here


    <xen:if is="@enableResponsive">

    @media (max-width:mad:maxResponsiveWideWidth)
    #headerMover #headerProxy { height: 274px; }

    Customized Components

    For some reason I had to reset "Height of Header Logo" and re-enter it again. And the add goes behind the logo when it shirks. But the logo doesnt go down anymore

    Its good enough that i'm happy with it.

    Thank you Russ!!
    Russ likes this.

Share This Page