The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
sticky comment icon...
 
Share:
Notifications
Clear all

Conflict [Solved] sticky comment icon on your web pages (Bubble) Position

2 Posts
2 Users
0 Reactions
430 Views
Posts: 1
Topic starter
(@cssproblem)
New Member
Joined: 7 months ago

Please give me an update or guide for changing the Bubble position from the bottom...Specifically on the mobile user interface, the Footer mobile ad covers the bubble.

Β 

Please find the attached screen...

Topic Tags
1 Reply
Asti
Posts: 7334
 Asti
Support
(@asti)
Illustrious Member
Joined: 7 years ago

@cssproblem,

The CSS code for changing the position of the bubble on mobile devices is as follows:

@media screen and (max-width: 600px){
     #wpd-bubble-wrapper.wpd-left-corner, #wpd-bubble-wrapper.wpd-left-content {
          bottom: 150px !important;
     }
}

In general, you can use the CSS code below. It'll change the position of the bubble on both desktop and mobile devices:

#wpd-bubble-wrapper.wpd-left-corner, #wpd-bubble-wrapper.wpd-left-content {
          bottom: 150px !important;
}

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

The red-marked value can be changed as you like.

Don't forget to delete the caches before checking.

Share: