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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok