The Privacy Suite for WordPress

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

TTDSG, the New Cookie Law for Germany

As of December 1st, 2021 the Telecommunications-Telemedia Data Protection Act (Telekommunikation-Telemedien-Datenschutz-Gesetz) regulates the handling of cookies, local storage, cookieless tracking,  and other tracking technologies in

Read More

Cookieless Tracking and GDPR

In this article, we will have a closer look at cookieless and server-side tracking and how this affects your website’s configuration regarding privacy laws. The

Read More

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