count

Hi,

You can use the below custom CSS in your SweetDate Child theme’s style.css to hide this element.

#profile .radius.label.alert {
    display: none;
}

Thanks,

Kieran

Hi,

Sorry for missing that, to remove the count for the media tab only please use the below CSS

li#media-personal-li span {
    display: none;
}

Thanks,

Kieran

Hi,

Please try adding the below custom CSS to your SweetDate Child theme’s style.css, make sure to purge website cache and browser cache (Ctrl+F5) to see changes.

@media only screen and (max-width: 767px) {
#profile .user-nicename {display: none;}
.bp-user #main {padding-top: 0px;}
#profile p:nth-child(5) {display: none !important;}
}

Thanks,

Kieran

Hi,

With CSS you wouldn’t be able to reorder the tabs that way, you’d need PHP for each plugin to change the order, if you specifically wish to do this then you will need to reach out to the respective plugin authors and ask for assistance.

You can use the below CSS to reduce the size of the area if you wish. This will put all of the items in one row but will not change their order.

@media only screen and (max-width: 767px) {
#item-buttons .generic-button {
    display: inline-block;
    float: left;
    max-width: 25%;
}
}

You could also use this CSS instead which will place them over two rows. Again, this will not change the order.

@media only screen and (max-width: 767px) {
#item-buttons .generic-button {
    display: inline-block;
    float: left;
    max-width: 50%;
}
}

As always, clear caches to see changes on mobile devices.

Thanks,

Kieran

Edit: Please use the code that has been updated in this ticket and not the code sent in the email. I forgot to wrap the CSS in a media query. I have now updated the CSS.

Also, please try adding !important to the width line.

width: 80% !important;

Please try adding !important to the other two lines for margin-left and margin-right

Kieran

Hi,

You can use the below custom CSS in your SweetDate Child theme’s style.css, I have added !important to this CSS because it does not appear you’re adding your CSS in the file stated above and therefore you may need to use !important going forward with any CSS for it to render as expected.

#members-list .search-item {
    margin-top: 50px !important;
}
#members-list {
    margin-top: 50px !important;
}

Thanks,

Kieran

Hi,

Please try adding this directly to the SweetDate Child theme’s style.css, I cannot see the CSS I sent you there. If it is there, please clear your caches.

If after adding the CSS to the style.css it still does not appear then please update this ticket with admin credentials so I can look into this.

Kieran

Hi,

I checked your site on the Chrome device emulator and on my mobile and the changes are reflected. Please purge your mobile browsers cache completely and reload.

Thanks,

Kieran

Hi,

I can see on mobile that the values have been changed to 20px !important but if this is not working for you I’ll assign this ticket to a higher support level for review. They’ll be in touch as soon as they can, Monday to Friday, East European Time.

Thanks,

Kieran

Cannot see like that i see them normally, should i do something specific ?

Cheers
R

Did you see also this bug on our demo ?

It’s somehow related to your child theme ?

Cheers
R

To hire a developer that can manage all your custom request for such as custom customization things.

I had helped you with all of those even i shouldn’t (our support not cover custom things). and your requests are endless.

So you will have to hire a developer that can do all of your needs for you.

Cheers
R