2023-03-30, 06:49 PM
Hi guys! I installed MyAdvertisements and everything is working until I get on a mobile device! The ad banner I added to the header is NOT responsive! How can I make it responsive? Anyone have a pro tip I can use to make this work easily?
I was able to add some CSS and a class="banner" but I can't figure out how to make a container so the banner is full width of the mobile screen...right now it is really small. Looks good on PC though! Anyone know what I am missing here...I am so close, LOL!
CSS code:
MyAdvertisement banner code:
Check it out here: https://blacksheepvintageaudio.com/
I was able to add some CSS and a class="banner" but I can't figure out how to make a container so the banner is full width of the mobile screen...right now it is really small. Looks good on PC though! Anyone know what I am missing here...I am so close, LOL!
CSS code:
.banner {
width: 75%;
}
.banner img {
width: 75%;
}
MyAdvertisement banner code:
<div class="banner">
<a href="https://www.facebook.com/groups/silversony" target="_blank"><img src="https://www.blacksheepvintageaudio.com/banners/silversony.jpg" alt="Silver Sony Club on Facebook"></a>
</div>
Check it out here: https://blacksheepvintageaudio.com/