Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 18, 2016 at 12:49 pm #616383
    brandpirate

    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 #616387
    Vinay

    Hey 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,
    Vinay

    April 18, 2016 at 1:19 pm #616422
    brandpirate

    Hey 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!
    Manu

    April 20, 2016 at 6:37 am #618004
    Ismael

    Hi!

    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!
    Ismael

    April 20, 2016 at 8:01 am #618036
    brandpirate

    Hi 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, 7 months ago by brandpirate.
    April 20, 2016 at 8:17 am #618040
    brandpirate

    EDIT: The “sidebars” also should disappear on mobile devices, not only the ad.

    • This reply was modified 8 years, 7 months ago by brandpirate.
    April 20, 2016 at 9:01 am #618076
    brandpirate

    Ok 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
    Rikard

    Hi,

    Ok great, please open a new thread if you should have any more questions :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Boxed Layout with Advertisement-Bar’ is closed to new replies.