Trusted shop badge on mobile

[nikolaus_k]

hey, I would like place my trusted shops badge a bit higher on mobile.

I already tried this:
@media only screen and (max-width: 767px) {

._j360jp {
bottom: 20%!important;
}
}

www.korkenfreunde.at

[marc_a]

Hi Nikolaus,

Thanks for reaching out.

Can you please tell us what trusted shop badge you are referring to and give a screenshot of where do you want to put your trusted shop badge.

Please let us know to help you further with your concern.

Thank you.

[nikolaus_k]

19% from the bottom should be good.

[nabeel]

Hi @nikolaus_kemetner,

Thank you for providing the screenshot. I inspected the source code of the shop badge and it’s seems like the styles are being created on the run time. it would be very difficult to override as the CSS selector may change anytime. You probably can do this by using wildcard selector, try adding the following code in the Theme Options > CSS:

@media screen and (max-width: 767px) {
    div[id^="minimized-trustbadge-"]{
        bottom: 19% !important;   
    }
}

Please note that the code provided above serves as a guide only, this may or may not work and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

To learn more about using wildcard in CSS selectors, please see https://stackoverflow.com/questions/5110249/wildcard-in-css-for-classes

Thank you for understanding!