Theme / Module Help

[wilson113311]

I am looking for some help with my theme, everything displays correctly on PC but on mobile it doesn't I tried to disable the modules for banners etc on home page but they still appear can somehow help me with this?

 

Website URL - www.tillrollsthermal.co.uk

 

[razaro]

Try to add this to global.css in your theme

  @media (max-width: 767px) {
    .home-top-banners{
          clear: both;
    }
}

[wilson113311]

Where abouts would I add this?

[razaro]

File is in following path themes/electronic_gadgets_1/css/global.css

 

Use FTP client to navigate and get file and open it in your text editor.

 

Copy code to end of file, save and upload back to server.

[wilson113311]

Thank you, I did this but no change?

 

Can you think of anything else it could be?

[razaro]

Did not notice slider issue. not sure why is that happening.

You could try to disable that module on mobile maybe but this could also be ok.

Change previous css code to

@media (max-width: 767px) { 
.home-top-banners{ clear: both; } 
.homeslider-container {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
}
.homeslider-container img {max-width:100%;height:auto !important;}

}

It will stack slides.

[wilson113311]

I tried disabling modules for mobiles but this had no effect not sure if it is to do with my customizer theme?