I’m trying to display two banners (desktop version and mobile version) side by side in the header of this test site:
I want to display two banners that show up on desktop and if people are on mobile then they get a mobile version of the two banners. I have a child theme that might be impacting them from displaying, but it might be my code as well. I’ve attached my code and would appreciate any help to get this working in the header of my test site.
<div class="td-visible-desktop">
<a href="http://www.zillow.com"><img src="http://dev.coronadotimes.com/wp-content/uploads/2019/10/partner1.png" alt="" /></a>
<a href="http://www.zillow.com"><img src="http://dev.coronadotimes.com/wp-content/uploads/2019/10/partner2.png" alt="" /></a>
</div>
<div class="td-visible-phone">
<a href="http://www.zillow.com"><img src="http://dev.coronadotimes.com/wp-content/uploads/2019/10/partner1mobile.png" alt="" /></a>
<a href="http://www.zillow.com"><img src="http://dev.coronadotimes.com/wp-content/uploads/2019/10/partner2mobile.png" alt="" /></a>
</div><div class=”td-visible-desktop”>
</div>
<div class=”td-visible-phone”>
</div>
Hello !
That can be achieved from theme panel as you can see here: https://www.screencast.com/t/WDewGvVuV
Thank you !
Vlad, thanks for your response, but the image you gave me shows where to put the logo for our company (site and mobile). My question is about placing two ads side by side in the header area. Can you re-read my original post?
Hello !
That can be achieved by importing a Cloud Library header, edit the ROW Layout and add a Header Logo as you can see here: https://www.screencast.com/t/j47hhULdU2
Thank you !
