Guys, I am leaving it here in case any other user in the future encounter the same issue.
I had to deactivate the BLOCK EDITOR and use the CLASSIC EDITOR.

Now, with the CLASSIC EDITOR, I save a Portfolio, I launch the WPML Advanced Editor, I translate everything, I save it, and the portfolio page is correctly translated.

You can close the ticket, guys, unless you don’t want to ask me something to investigate why this is happening. I am so happy to have solved it.
Bye,
A.-

Thanks Mike, too bad you have to do it by hand… you can close the topic. Bye!

It happens with the user you’re using (that I’ve tried), and my user. As I told you, it is not related to the plugins: I made a mirror copy of the production environment to staging, and in staging I never had the issue.

But… Rikard, NOW it is not happening anymore on my side as well.

It is a mistery. I did not do anything: this morning I’ve tried and you see the result in the screeshot of my previous message. Tried again now, I don’t have the error anymore.

No idea what caused this. It was not working in Edge, in Chrome, in Firefox. No updates have been made in between. Just time passed by.
A real mistery.

Thanks for your support, though, even if we did not find the reason of the issue…
You can close the ticket…

Close it, thanks Rikard!
Bye,
A.-

Sure! Check this one out:

Simply resize the screen: you will see that the subheading “da Colle Garda a Colletto Taf via Monte Rena, Taille e Taf” will be split in 2 lines: until the moment when the font size is not decreased (screen width > 767 pixel), the space between the 2 lines remains acceptable.
When you reduce the screen size below 767, the font size decreases, and the space between the 2 lines is annoyingly large… it may be that the “line height” of that subheading remains the same IN PIXELS, while the font size is decreased. This is why you get that “distance” between the two lines. Just my 2 cents!

It’s working now, thanks Yigit!

Excellent as usual, Rikard! thanks so much. You can definitely close the ticket!
For everyone in the future wondering what he added to my CSS, here it is. I am not sure it is ok for everyone, but at least it is something you can experiment.
Bye!
A.-

@media only screen and (max-width: 1300px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
  span.logo img {
        padding-top: 25px;
}
}

IT IS WORKING!!!!

Thank you, thank you very much for having spent so much time trying to fix this one!

Isn’t the Horizontal Gallery working definitely better this way on mobile phones?? I still cannot understand how the “standard” behaviour is acceptable by other people! :) If I tap on an image on the horizontal gallery, it must open directly in the lightbox, period!

Well, who cares why other people like to have an intermediate tap? Today I am happy! :-)
Thanks, thanks so much.
Bye!
A.-

Thanks Ismael!

But on IOS (I cannot check on Android) it is still showing me the “<= =>” enlarge icon after the first tap, and then opening it in the lightbox only after the second tap.
You can check for example with this one:you’ll find an horizontal gallery just below the first descrption section.

Thnks for yout efforts, Ismael!
But what I don’t understand is: this behaviour should be annoying for everyone, isn’t it? If I see a picture on the screen, I want to enlarge it by tapping on it once. Why should I tap on it TWICE, just to make a useless “enlarge icon” appear on firts tap? :)
THX
Bye!
A.-

Hi @Rikard. I already explained in my first message that I already did what you are asking to test.
1) I removed the whole CSS
2) I set the Default Content Font Size to a large value
3) Cleared the cache, opened the website: the default text is still unchanged.

But I did it once again. In these screenshots you can see:
1) Set the default font size to 70px (all the 4 values, just to be sure it is not mistakenly skipping the first value): https://imgur.com/a/lZNGH0E
2) cleared the whole CSS area (you can see that it is also “saved” already: https://imgur.com/a/qJzNRMb
3) See the normal text when I access no matter what page (you can see that I am also in incognito mode): https://imgur.com/a/iSjGTmo

Therefore, as I said in my previous messages, the Default Content Font Size seems NOT to be working.
I also wrote already that the H1, H2, H3… values in Typography are working fine. The only one that seems not working is the Default Content Size.

Bye,
A.-

Sorry @Rikard, I did not understand that you were referring to the page example link :-) Fixed it, thank for your patience…

Yep, it’s 5.1.1. In fact I’ve just deactivated the “full width mode”, and the bar stopped floating. Thanks Rikard! Issue closed.

As I said, it is useful to have the elements always available: you can drag the elmenet from the bar and drop it exactly where you want, instead of dragging it down the whole page (and if you have long pages, it’s quite annoying). But it is giving other side effects, like (as I mentioned) the fact that you cannot drag an element along the page anymore, because the page does not scroll automatically when you drag the item at the limit of the page. Then, sometimes the floating bar is hiding some parts of the page…. therefore: it’s a rather “good bug” :-)

Bye!
A.-

• This reply was modified 3 years, 3 months ago by mistermagoo8691.

Hi @Yigiyt.
Wow, I see, in fact I was also using // for comments… but CSS seemed to me to be working quite well! OK, I will stop using it.

Second: no, I don’t see a simple border. I see a colored button!, that remains the same both in “transparent” and “opaque” mode!
I made sure to clean the cache, I connected in incognito mode, I connected from a PC where I never launched the website…. no changes, I always see the colored button.

See below what I see (in the top part of the image): I’ve also added (in the bottom part) what I’d like to achieve :-)

https://imgur.com/a/ysEMT0y

Thanks for your help!
Bye,
A.-

Hi @Yigit, thanks for your help!

What are the errors in my comments that you fixed?
Because I know that comments must be written between /* and */. Normally I am commenting out parts of the CSS “extending” the closure of the comment, therefore this is why you may have found some parts of the CSS that start with a /* before the comment, and then they have the */ only at the end of the style… it is on purpose, this way I have deactivated that part of the CSS.
Is this the type of error you are referring to?

Said that: ok, now I can edit the “Menu Item Button With Border” style.
But:
1) in the “Menu Item Button With Border” I can only change font color and border color. I cannot change the background of the button (now it is using a green that is the same of my buttons), the background of the item (now it is BLACK, and it is different than the dark gray of my meny bar)….
2) how can I make it transparent when the homepage is first loaded (and the header is transparent)?

My goal is quite simple from a styling standpoint: i just want to have a white border around one menu item (white color, like the existing menu text itself).
No color to fill the button: the background must change according to the background of the menu bar (which is transparent as soon as you open the page, and then changes to dark gray)

Thanks again and bye!
A.-

Hi @Ismael. I’ve added the script, but almost nothing changed.

Please note: I’ve added it to the existing snippet, therefore now I have both:

/* old snippet */
#top .av-horizontal-gallery-link {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    transform: none !important;
}

/* new snippet */
#top .av-horizontal-gallery-link:before {
position: absolute;
    right: 10px;
    bottom: 0;
}

There is only one small change: the icon now appears in a different position, as you said.

But please note: my goal is different: I want to open the image in the lightbox as soon as I tap on it, immediately. The “expand” icon is useless.

Now it works like this: 1) I tap on an image in the horizontal gallery on my mobile => 2) the useless “expand” icon appears (useless, because the image size does not change at all) => 3) I need to tap again in order to open it in the lightbox. I want to go from (1) to (3) directly.
Please note: it work exacytly like this on PC!

@Mike wrote that it happens on IOS only, and he was looking for a device to test it…

THX
Ciao,
A.-

• This reply was modified 3 years, 3 months ago by mistermagoo8691.