Hi Rikard,
Thanks for your help.!!
You can mark the problem as solved.

Best regards
Rosa

Hi Basilis,

Thanks for your suggestion, although I can’t understand why do you say that this modification takes lot of work.

Maybe I didn’t explain well what the problem is.

I was just trying to force showing the iphone view on Ipad, that is, showing an iphone screen when media width is 1024px or less.

Well, I have been looking more and more through the forum, which is plenty of questions and answers about visualization problems on ipad, and I have found this recent post https://kriesi.at/support/topic/blog-displaying-weird-on-ipad/

So I have put this code in Quick css:

@media only screen and (max-width: 1023px) {
.flex_column {
width: 100%!important;
margin-left: 0!important;
}}

and I think it is working!

Is this the best code to get this effect?

(I have hidden the left menu too with @media and display:none)

Thanks!

Hi Rikard,
Here you have the access:

Thanks for the idea!

I always use Download “All files & doc” and install them manually.

As you say, I have downloaded from Envato “Instalable WP file only” and checking inside the style file I see that the version is now 3.2.2.

But with this procedure I don’t get the version.txt file where I can check the list of changes made and which files of the template are updated.

Is there any other way to get the version.txt of the 3.2.2 or the full list of changes made?

And why in last forum entries Enfold Team say that last version is 3.2.3? Where is this version?

Hi Ismael

Thanks for your response.

I agree that I have to think in designing for the most common screen resolutions, as you said. And I am trying to find the minimum image size that looks fine in the 4 or 5 most common screen resolutions for my two color area of 160px and 320px.

However in the ENFOLD examples you mentioned the images look blur, and I would like my images to look sharp and full width without distortion and without using huge images.

You say that parallax “…scale the background image to be as large as possible so that the background area is completely covered by the background image”

In screen resolution of, let’s say, 1440×900 px, I see looking at the code that in a page with a color area set of 160px size, the window that shows the image background mesures 1423x160px and the
div.av-parallax. avia-full-stretch.active-parallax mesures 1423x553px.

Is this 1423x553px the size of the background area you are refering before?

Can I use this background area size to calculate the minimum size needed for my background image in this particular screen resolution?

(For instance, If apply this relation 1423/553=2.57 to my background image of 1500 px wide, I get 1500/2.57 = 583px.. So my image of 1500px wide should have at least 583px height to fit without distortion a parallax color area of 160px in this screen resolution)
Could this be a way to do the calculation?)

Thanks!
Rosa

Thanks Ismael!
Finally I solved it using Yoast breadcrumbs. They allow to set your own name for every part of the breadcrumb.

Best regards
Rosa

Hi Ismael,
I appreciate your help! Sorry I cannot help with the code (I know a few about that..). Now the code is better but breadcrumbs are not completely OK…

This is the scenario example:
Inicio/Cursos in Company/Ventas/Técnicas de Ventas (Pages Hierarchy)
Inicio/Programas /Ventas/Técnicas de Ventas (Menú items Hierarchy)

If I click “Programas” 1st level menú—-> breadcrumb shows “Inicio//Programas” (error: double slash with empty content)
Breadcrumb should be “Inicio/Programas”

If I click “Ventas” 2nd level menú —-> breadcrumb shows “Inicio/Cursos in Company/Ventas” (error: 1st level should be Menu id, no Title).
Breadcrumb should be “Inicio/Programas/Ventas”

If I click “Técnicas de Ventas” 3rd level menú—> breadcrumb shows “Inicio/Cursos in Company/ Técnicas de Venta” (error: 2nd level menu doesn’t show in breadcrumb). Breadcrumb should be “Inicio/Programas/Ventas/Técnicas de Venta”

Thanks again for your help!

Regards,
Rosa

Thanks both for your help!

Regards,
Rosa