-
AuthorPosts
-
April 18, 2016 at 12:49 pm #616383
Hi everyone,
I am wondering if it would be possible to add an advertisement (to a boxed-layout) on the background-wallpaper that disappears, when the screen switches to mobile. As an Example you can see this site: http://www.fcbayern.de/de/ -> there you have a boxed layout with a sponsor on the right site beside the “content-box” and when you shrink the screen horizontally (responsive -> mobile version) the ad disappears.
Thanks in advance
Manu
April 18, 2016 at 12:57 pm #616387Hey Manuel!
You can easily add the background image in enfold like the example site but to make it clickable you need to write some custom code. Add a background image and send us a link to your site and we will see what best we can do for you.
Best regards,
VinayApril 18, 2016 at 1:19 pm #616422Hey Vinnie,
I switched to boxed layout for http://www.greenenergyvolleys.de for you. The wooden grey area is the wallpaper. There I want the advertisement to be placed. I put test-ad-link for you in the private content-section.
Thanks!
ManuApril 20, 2016 at 6:37 am #618004Hi!
Add this in the QuicK CSS field:
.avia_sidebar_banner { position: fixed; left: 50px; top: 50px; z-index: 1000; }
And the following code in the functions.php file:
// banner add_action( 'wp_footer', 'ava_custom_script_banner', 50); function ava_custom_script_banner() { ?> <script type="text/javascript"> (function($){ function b() { $('#wrap_all').prepend('<div class="avia_sidebar_banner"><a href="LINK HERE"><img src="http://www.greenenergyvolleys.de/wp-content/uploads/2016/04/testbanner.jpg"></a></div>'); } b(); })(jQuery); </script> <?php }
Cheers!
IsmaelApril 20, 2016 at 8:01 am #618036Hi Ismael,
thanks for your lines of code. The problem is, that the banner seems to be in front of everything and also not “shrinks”, leading to an overlapping with the “text-area” (on small screens) and it also does not disappear on mobile devices or when simply there is no place to show the ad. Could you please look at it?
Thanks
Manu- This reply was modified 8 years, 8 months ago by brandpirate.
April 20, 2016 at 8:17 am #618040EDIT: The “sidebars” also should disappear on mobile devices, not only the ad.
- This reply was modified 8 years, 8 months ago by brandpirate.
April 20, 2016 at 9:01 am #618076Ok we decided to go another way, because the customer wants another solution. So you can close this topic. Thanks for your help!
April 22, 2016 at 5:09 am #619483 -
AuthorPosts
- The topic ‘Boxed Layout with Advertisement-Bar’ is closed to new replies.