Cookie Notice Button Mobile Display

I am using the default theme button for the cookie notice buttons which look great on desktop. However on a mobile phone; as these are two buttons side by side, they are overlapping and not displaying properly. I have been unsuccessful with CSS styling: adding @media settings, creating a custom button class etc. Would appreciate your help on what the right CSS should be for mobile phone display?

Many thanks.

Hi there,

Please use this CSS code instead for mobile screen:

@media (max-width: 900px){
    span#cn-notice-text, #cookie-notice .cn-button {
        display: inline-block;
        margin-bottom: 7px;
    }
}

Regards,

Thank you for your help, that looks great. Kind regards, Tracey

1 Like