Moving ad_header to side of logo (header)

[josueinaki]

This code was sent to me by Glenn Vergara and believe it is very useful to all users so I will share it in this area of tutorials (using vb 5.1.9)

First you need to create a ad in your adsense account and implement in your ad_header , after this go to your css_additional.css and paste this code:

 #outer-wrapper { margin-top: 0; }
#wrapper { position: relative; }
#header-axd {     position: absolute;     right: 138px;     top: 6px; }
[USER="3396"]media[/USER] (max-width: 1100px )
{     #header-axd { right: 73px; } }
[USER="3396"]media[/USER] (max-width: 1034px )
{     #header-axd { right: 49px; } }
[USER="3396"]media[/USER] (max-width: 1006px )
{     #header-axd { right: 36px; } }
[USER="3396"]media[/USER] (max-width: 996px )
{     #header-axd { right: 30px; } }
[USER="3396"]media[/USER] (max-width: 995px )
{     #header-axd {         position: relative;         right: auto;         top: auto;     } }

Result:

[David Karol]

Hey,

Was there anything you added in addition to code snippet above to maintain responsiveness as the page scales down in width?

Thanks
David

[glennrocksvb]

The @media rules you can see in the code snippet above are the code that maintain responsiveness

[-=|zami|=-]

hello!

friends, please, I used the suggested code but the ad is over the logo (photo 1).
I want to use the "AD 1" and "AD 2" areas (photo 2). how to remove the word "Forums" to get more space?
thank you!

[josueinaki]

set position to the right and use a smaller ads, you can remove Forums editing the page and remove Title page gadget

[-=|zami|=-]

hello, thanks for the tip!

as I do to reduce the area available to the logo (attachment)? I want to move the right edge of the area available to the logo of "1" to "2" (attachment).
this area available to the logo is exceeding the "clickable area" of the ad, understand? in other words, only part of the ad allows "click" to the advertiser's page.
see in www.forumconcurseiros.com

thank you!

[-=|zami|=-]

hello!

any tips?

thanks!!

[Mark.B]

We don't provide official support for code modifications, which is what this requires. What you're looking to do is not trivial to achieve without breaking other stuff, such as responsive views on smaller screens.

The best place to ask for help is www.vbulletin.org, which is the modification and customisation site. There is also a paid reqquests section there, as you may end up needing to pay someone to achieve this for you.