Css problem

You can force it to that position using some CSS, but it’s not a great solution. A great solution would be to move it with HTML and CSS – this would require knowledge of the plugin and so you should pursue this on the thread you created there: https://www.ads-software.com/support/topic/badge-position?replies=1

A less-than-great solution is as follows. As you can see this does not work on mobile. The great solution would allow it to be positioned correctly on mobile.

If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   @media screen and (min-width 783px) {
       html #buddypress span#bp-verified-header {
           right: 0;
       }
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

I realise now that you’ve created multiple threads on the same issue. Someone is already helping you out with this.

Please avoid duplicating your thread in future, so that we don’t get in the position where we’re having the same conversation in multiple places. It’s also a bit insulting to the volunteer if you create a new thread while they’re trying to help you.

If you need urgent support then we generally forward you onto better support avenues like WP Jobs and CodePoet. It’s to prevent frustration that your issue has not been resolved in the time frame you wanted.

Continued on: https://www.ads-software.com/support/topic/css-124?replies=7&view=all