CSS Lesson #13: Adapting your banner size to your responsive website’s design

Get compliant today in the European Union, United States, Canada, United Kingdom, Australia, Brazil & South Africa with the only Privacy Suite for WordPress that offers a fully-featured plugin for Worldwide Compliance.

The default banner is applicable for most websites and is optimized for WCAG, the accessibility guidelines we adhere to. It might be the default banner design does not fit your theme’s settings or website design. 

There are many native customization possibilities in the plugin, but to fully adapt to your wishes you can always use Custom CSS.

Below we will show you how adapt the size of the banner to your website, with some easy CSS rules. Have a look at our CSS lessons to see all possibilities or our CSS classes overview so you can manipulate everything!

Default banner

The default banner has a minimum width of 478px and a 16px font-size.

Smaller banner

Bigger banner

Adjust size on Mobile

Recent articles

The Privacy Suite for WordPress
Get compliant today with the only Privacy Suite made for WordPress


Popular articles

Join our mailing list - 8 Tips & Tricks in your inbox over the next 8 weeks!