Recent
Categories
View Replies (6)

J51- Boutique you-tube film / photo

0
Votes
Undo
  1. Edgar68
    Edgar68
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 24 July 2015
  5.  Subscribe via email
Hi Ciarán,

I have a question.
We create a new website and we used the boutique template.
But there is a little problem.
We placed a you tube code into the template and this is working very well on desktop and laptop.
Now we want to add a photo for mobile devices, this is also working .
But there is a small error during the main desktop/laptop version.
When we put the picture in J51_Boutique > General Styling > Header Background Image.
It seems to that the mobile "Header Background Image" is showing for 1 second on the desktop version.
On mobile it works perfect. How can I solve it?

link to the site: http://goedkoopste.org/create

Gr. Edgar
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

To resolve try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 1024px) {

#header_bg {

    background-image: none;

}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

this offered solution is unfortunately not working
On laptop device there is still during 1 second the photo visable before starting the you tubefilm.

The photo must shown only mobile devices.

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Edgar

Not sure what I was thinking wrapping the suggested CSS in to media query! :blink:

Using simply the following in your Custom CSS field resolved the issue...


#header_bg {

    background-image: none;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Ciarán,

Sorry but this is not working.
The photo is not shown on mobile devices and the film is not shown on laptop/ desktop...

Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

I have added the following to your Custom CSS field which will hopefully solve it (finally)..


@media only screen and (min-width: 1024px) {

#header_bg {

    background-image: none;

}}


Thank you for your patience.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!