GDPR

torverner
Member

Adjust the position of cookies accept / reject, or not having chat bouble poppup

SOLVE

Hello! New to hubspot here 🙂

 

Today I founded out the cookies banner on mobile having a little issue that needing to be fixed, the chat bouble are in fact covering the accept / reject button. Been looking thorught the control panel, and cannot figure out how to change pos.

 

Using wordpress witth hubspot pluging.

torverner_0-1629352081645.png

 

0 Upvotes
1 Accepted solution
webdew
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Adjust the position of cookies accept / reject, or not having chat bouble poppup

SOLVE

Hi @torverner ,

We experienced a similar problem with one of our clients a few months ago. The simplest solution is to use CSS to shift your cookies accept and reject buttons to the opposite side. You can request that your developer do this for you. You may also use this.

 

.hs-site-page.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

    margin: 10px 0 0!important;

    text-align: left !important;

}

 

More information about customising the appearance of the chat can be found here.

 

You may also contact Hubspot support. They will be able to help you through the process.

Hope this helps!


If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards.

View solution in original post

0 Upvotes
1 Reply 1
webdew
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Adjust the position of cookies accept / reject, or not having chat bouble poppup

SOLVE

Hi @torverner ,

We experienced a similar problem with one of our clients a few months ago. The simplest solution is to use CSS to shift your cookies accept and reject buttons to the opposite side. You can request that your developer do this for you. You may also use this.

 

.hs-site-page.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

    margin: 10px 0 0!important;

    text-align: left !important;

}

 

More information about customising the appearance of the chat can be found here.

 

You may also contact Hubspot support. They will be able to help you through the process.

Hope this helps!


If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards.

0 Upvotes