Copyright on mobile Devices smaller.

Hey schweg33,
Yes this can easily be done with css rules in your Quick CSS field.
For example, on my demo site the copyright text is 11px, so to change it for mobile I would use this css:

@media only screen and (max-width: 767px) { 
span.copyright {
font-size: 8px !important; 
}
}

To change the padding, or it’s actually the margin, my container width is 85% percent of the screen, so to change or remove it all I will use this css:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #socket > .container {
    width: 100% !important; 
    max-width: 100% !important; 
}
}

If this doesn’t help, then please link to your page and try to explain a little more what you would like.

Best regards,
Mike

Hi,
I believe that what you are asking for is text in the copyright area that is only seen on mobile?
In that case you will need to use a “span” tag with a class that will only show on mobile, because of your css:
so start with adding your text in the copyright field between these tags:

<span class="mobile-only">Your copyright mobile text</span>

Then please use this css in your Quick CSS:

@media only screen and (min-width: 767px) { 
span.mobile-only {
display: none !important;
}
}

Please let us know how this works for you.

Best regards,
Mike

Hi,
Sorry, perhaps we have a difference in language here, I can help you create different text based on screen size, and many other things.
It is very easy, but I’m not sure how to help you.
Please show me with screenshots what you want to see in mobile, and on desktop, Then please include an admin login to your site so I can do it.
This may be very easy once I understand :)

Best regards,
Mike

Hi,
Thank you for your explanation, so please try this:
in your footer > copyright field please use this code:

<span class="mobile-copy">© 2019 RMS SICHERHEITSANSTALT</span><span class="desk-copy">© 2019 Copyright – RMS Sicherheitsanstalt</span>[nolink]

Then in your Quick CSS, please use this css:

@media only screen and (max-width: 767px) { 
    .desk-copy {display: none;}
}
@media only screen and (min-width: 768px) {
    .mobile-copy {display: none;}
 }

Now you will have different copyright text showing for different devices.
Using these classes you can also change the color of the text, font-size, and much much more!

Best regards,
Mike