CSS Fixes (2) WordPress
- SOLVED
I've got 2 small fixes. After the help I got which was great when doing [[LINK href="http://webhost-solutions.net/diyp/"]]http://webhost-solutions.net/diyp/[[/LINK]] (Development site) ... we've moved it over to [[LINK href="http://www.diyphotography.net/"]]http://www.diyphotography.net/[[/LINK]] (live site).
I have 2 things:
1- The top adsense needs to resize down in browsers under 1024 and center.
2. On the main menu, I've got a problem with the social menu icon and the search toggle button not being next to each other like in the development site. There is not suppose to be a lot of space between them.
Those are the only 2 issues.
Answers (3)
zebra webdesigns answers:
Hello Nile I have mailed back to you
zebra webdesigns comments:
Hello Nile
the below article will best describe how to use the google ad in the responsive layout.
http://www.labnol.org/internet/google-adsense-responsive-design/25252/
Nile Flores comments:
Ads are being served by a plugin.... and doesn't look to have a responsive integration in it.
zebra webdesigns comments:
Hello Nile
Its strange that I cant see the ad.
Is it possible the ads are restricted for different countries ??
Nile Flores comments:
It's a possibility... I've discussed with client and he will look into it himself... as I told him that if he wants to use a plugin, it's his decision. I urged him to do the adsense generator and choose the responsive feature.
Navjot Singh answers:
To center the ad banner, use this
#c2180_0_1{
padding-left: 3rem;
}
Also to resize the ad, I would suggest you to use the responsive adsense code.
And yes for some reason, the search toggle doesn't show up.
Nile Flores comments:
Ads are being served by a plugin.
Navjot Singh comments:
But even then you must be inputting adsense code somewhere. Responsive adsense code can be obtained from the Google adsense panel. Its got nothing to do with the plugin you are using. Here's how to create responsive ad unit - https://support.google.com/adsense/answer/3543893?hl=en
Couple this with the labnol article mentioned above for the best results.
Also to fix the search toggle use this
#execphp-3 {
margin-left: 1rem !important;
float:left !important;
}
Nile Flores comments:
That puts the icons them together as needed, but the right widget area isn't positioning like the test site.
That's great that the article is available, but in the end, my client wants to use a plugin and it only requires him to put in the publisher ID and the size of the banner, then he just puts up a widget.
Navjot Singh comments:
The ad widget above Popular posts? If that's the one then just remove the enclosing div tag around the ad code in the corresponding widget.
<div style="margin-left:35px;"></div>
Nile Flores comments:
No, this is not it. Don't worry.
