Hi,

You can insert code below in style.css on last line.

@media only screen and (max-width: 767px) {
    .hide-sm{
        display: none;
    }
}

Then wrap video html code with ‘hide-sm’ div

<div class="hide-sm">
            <video autoplay="autoplay" loop="loop" autobuffer="autobuffer" muted="muted" poster="">
                <source src="http://themenesia.com/video/0352_morningsun_540.mp4" type="video/mp4" />
                <source src="http://themenesia.com/video/0352_morningsun_540.webm" type="video/webm" />
                <source src="http://themenesia.com/video/0352_morningsun_540.ogv" type="video/ogg" />
            </video>
        </div>

Hi,

To set background image for mobile only you can insert code below in file style.css:

@media only screen and (max-width: 767px) {
    .fullwidthbanner-container{
        background:url(../images/bg-blur-1.jpg);
    }
}

You can change bg-blur-1.jpg with other file. Done.

Thank you very much. This is even more useful answer. I set my background from CSS file where i have change row 27 in supersized.css background to another color.

Which homepage did you use? And what css you trying to edit? Let me know.

The transparent light. I can see in the file that it calls a main.css whose folder calls a series of css. I tried to edit the style.css which was the css used when i inspected the page. It didnt work. I want to change the color and reduce the footer so its just a simple page. Only slider and footage and menu button for both pc and phone. Thats all. You can take a look at the site at quadind.cs/sure i deleted part of the html file. I’m only left with a slider and footer. But i intend to disable the scroll. I need one full page. Slider sndd footer with menu button visible on both pc and phone. Thanks so much

Hi,

For color you can open file color.css for blue version and orange.css for orange version. For footer css you can find on file style.css line 511-528:

footer {
background: #222;
color: #ccc;
padding: 80px 0 80px 0;
}

To reduce footer height you can change value 80 above with lower value.

To make menu always visible you can find class name header.clone then remove attribute top:-100px; see below:

header.clone {
display:block !important;
top:-100px;
width:100%;
position:fixed;
transition:0.4s top ease-in;
}

Remove top:-100px; to make menu always visible on desktop and mobile.

its not working.. no matter all the changes i make to the css, it doesnt show on the website. only changes to the html shows

infact in the css file. all im seeing are errors, like this stuff isnt wokring man

im not enjoying this theme, like for real nothing is working,

infact i deleted all the files and left just the index.html and its still showing the website. check it out http://quadind.ca/syte, there is no file on my server apart from my index,html

its like its getting css from another server. what is going on

please get bavk to me asap. i dont really like whats going on. its confusing…

besides on the left of every code all i am seeing is error

most code lines. its majorly error

So you need to use slider section only and get rid all other section?

Yes just slider and footer. The page shouldnt scroll. And the text and buttons on the slider fixed regardless of slider picture movement.. And a menu button for p

Hi,

Thanks for your purchase! Can you send your website url so i can see your issue? Also to make sure if the issue related with your server or not.

I uploaded the Theme to hosting and it loads fast. The issue only seems to be when the files are on my computer.

Is there any way to get support privately? Via e-mail for example?