How do I scale .x-logobar for mobile viewing?

Support
#1

I have the logobar set to 500 px, and using the plugin ‘Video Background,’ I have inserted a video to play (I used this plugin instead of Revolution Slider because it seems to load the video much faster). It works great in a desktop browser, but it doesn’t scale down when i view it on my mobile. Is there a way to do this?

#2

Hi There,

Please provide your URL

Thanks

#3
Summary

www.benjaminaproductions.com

#4

Hi There,

Please add at Theme Options CSS

@media(max-width: 480px) {
.x-brand {
    font-size: 40px;
    line-height: 1.3;
}}

Hope it helps