About fallback static banner

[everchanging]

Hi guys 

I have the following question:

Whatever I do the fallback static banner does not work properly (as it is doing in the demo of abantecart).

Please note that I did change the banner with one of my own... but I did follow all instructions (image size is 940X351 px).

Also, I already have read through all documentation about it...

Any ideas something like that can be fixed?

I thank you in advance

[Basara]

Hi, what exactly is not work for you?

[everchanging]

Hi Basara and sorry for the delayed reply...

When I resize the window to observe how the store responses to the various screen sizes... when I reach the size of a mobile, instead of the fallback banner to kick in (as it happens in your demo), it just does not happen...

No fallback banner appears and that part appears to be messed-up somehow... although I also did follow the instructions of the documentation...

On top of that, it shows as a 6th main banner...

[everchanging]

And I did pm you the link to the store directly to check it out

[Basara]

You have a third-party template. Please contact developer

[everchanging]

ok... I see thank you

[everchanging]

One question through...

Is there a way when somebody uses his/her PC to have the main banners active but once someone switches to let us say, mobile screen, for these banners to be deactivated?

[Basara]

Yes, this is very simple to archive with CSS media queries. Hide a div with banner for specific resolution

Code Select Expand


@media only screen and (max-width: 500px) {
    #mybanner-div-id {
        display:none;
    }
}


[everchanging]

OK.. so basically I enter the CSS (style.css or response.ccs ?) file add this section below the banner section (?) and it should do the trick?

edit:

I went into storefront/view/default/stylesheet/style.css

added the code at the end of the stylesheet and saved it.

If I have understood you correctly and done it correctly; it is a matter of propagation now... so once the change appears I will keep you posted.

If on the other hand, I did something wrong please let me know.

I thank you 

[everchanging]

so far nothing...

for the records, I did end the code you wrote at the end of both css files (namely, style.css or response.ccs)

am I missing something? :-/

[Sam_78]

IMO as you are using different template you need to put code that style.css file not the one you have in storefront. Locate files for template under extension folder and then add these line inside its style.css

[everchanging]

Hi Sam,

thanks for the reply... yes I realized that after a couple of minutes and did that exactly... but still the same problem remains...

the link below is the one that leads to the css file(s):
/extensions/si_orange_theme/storefront/view/si_orange_theme/stylesheet

[everchanging]

Basara, what I did add at the end of the css was the following:

@media only screen and (max-width: 500px) {    #banner_slides {        display:none;    }}

I did send you the link...

did I do something wrong here?

also:
the link below is the one that leads to the css file(s):
/extensions/si_orange_theme/storefront/view/si_orange_theme/stylesheet

[Basara]

Hello. Did you clear browser cache?

[everchanging]

Hi..

yes I did but so far I accomplished nothing...