Responsive styling
-
Hi there,
Please could you clarify what css is applied by your stylesheet on mobile / smaller screen sizes?
I’m using the bottom banner and while it looks great with some extra formatting on desktop, I’m having some issues on mobile. For example, it automatically changes to 50% width; is this as a result of the banner type changing or just applying styling to the bottom banner that I selected?
I have basically ended up with the below css to keep the font-size down and also stretch it across full width, but I’d like to understand better what’s going on so I can apply the correct solution.
@media only screen and (max-width: 767px) { .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right, .cc-window.cc-banner .cc-message { font-size: 1rem !important; min-width: 100% !important; } }
Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
- The topic ‘Responsive styling’ is closed to new replies.