Hi!
Could you tell me how to replace an image on small device using CSS?
I wish to use something like this:

@media screen and (min-width: 280px) and (max-width: 360px){

p.zen-center img:before {
content: url(www.mysite.it/images/css3.jpeg) !important;
}

}

Original code is:




Thanks!

Hi,

With css you can only really replace css images (backgrounds).

I think you may need to use javascript to swap the href attribute value.

Regards,

Rob

If you are using buildr then there is an element for a mobile logo that you can drag into the layout.

Thanks!
Yes, I'm using Highline2 template. Can you tell me how to do this that you say?
Is there a documentation?

Hi!
I would like also to report a series of errors like this, every time I go into an article (Highline2):






Thanks!

Hi,

The demo content of a quickstart package is created under the id of one user.
When you install the package, in joomla 3, the new user id is created randomly.
This leads to the messages you are seeing.


You can either delete the demo content, or change the author to an existing profile.

Regards,

Rob

Ok! Thanks!
Can you tell me how to set the element for a mobile logo that you can drag into the layout?
Is there a documentation?
Thanks!

Not specifically

The mobile logo is in the toolbar row if you are looking for the drag and drop module

As the logo is a module you could add a responsive class to hide it and have a different module set to display using a different responsive class

And not use the mobile logo at all

Cheers

For info on that there is

docs.joomlabamboo.com/zen-grid-framework-4/responsive/responsive-module-classes

Cheers
Paul

Thanks! Now I try your instructions...

Best of luck with it

Cheers
Paul

Hi!
It was very simple. I duplicated the logo module and I assigned it the alternate image. Then, using two custom classes in the "advanced" tab of the modules, I hid the logo should not to appear depending on the width of the screen.
It works well!
Thank you very much!
Regards

You're welcome

Cheers
Paul