Hi Victoria,

I tried that as well before opening this ticket (adjusting the padding), does not work and I have no idea why not.

I emptied the cache and tried different browsers on mobile (iphone).

Do you have another solution?

Sincerely,
Morticka

Hi Victoria,

Great that works, thank you! And I inserted the code to remove the border, you gave me earlier :D

Only problem I have now is that on mobile I used this previous code to move the cart to the left of the hamburger menu:

/* Move woo cart to the left of burgermenu on mobile */
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .html_visible_cart .av-burger-menu-main {
    padding-right: 0;
  }
    .html_visible_cart .cart_dropdown {
      right: 100px;
  }

}
@media only screen and (max-width: 479px) {
  .html_visible_cart .cart_dropdown {
      right: 70px;
  }
  .html_visible_cart .av-burger-menu-main {
    padding-right: 0;
  }
}

This code does not work anymore? The cart overlaps the hamburger menu (screenshot in private content) I tried to adjust the padding, but I can’t get it to work the way I want to.

In landscape mode the cart icon moves to the left of the hamburger menu?

Question:
1. How can I move the cart icon to the left of the hamburger menu in portrait and landscape mode?
2. How do I make the cart icon bigger? I tried the following code, but that did not work:

@media only screen  and (min-width: 480px) and (max-width: 990px) {
  .html_visible_cart .av-burger-menu-main
	font-size: 25px;
}

3. I can’t open the cart dropdown either.
4. The entire hamburger menu dropdown gets cut off on landscape mode (is this a setting somewhere?)

My apologies for all the extra questions :)

Sincerely,
Morticka

Hi Victoria,

Thx for trying, unfortunately, that did not work either. I put the css code on top and flushed the cache a couple of times, nothing changes.

About the mockup: In my first message I showed you two images, including the way I would like the non active icons to display (the gold one)

Do you have another solution?

Sincerely,
Morticka

Hi Victoria,

I put the code in quick css and childtheme custom css, unfortunately it did not work. The red inactive icons are still hardly visible,

Is there another solution? Only focusing on the red icons?

Sincerely,
Morticka

Hi Mike,

Yes that is correct, I don’t need the script!
Thank you so much Mike, without you I still would have been struggling to find the reason for the conflicts I was experiencing, I’m very relieved and feeling a little silly that I forgot that I put it in there :)

Also thx for the information, I cleared the cache on the live website as well.

Yes, you can close the ticket.

Have a great day Mike! :D

Sincerely,
Morticka

Hi Mike,

Thank you so much for checking it out.:)

I did some research and it looks like forms.m-pages.com/api/ is the form for the lead magnet on another page.

Am I correct to assume there is a conflict between Enfold and my email provider? And if so, how can I fix this?

I’ve created a staging site, deleted the form and checked the page on mobile. The accordion toggle works now, but like you said and I’ve noticed as well, the error seems random.

Could you look at the staging site to see if the error is still there? You can also test whatever you want there. Information in private content.

Sincerely,
Morticka

Hi Victoria,

Ofcourse, link etc in the Private Content.

Sincerely,
Morticka

Hi Ismael,

Ehm, I always work with childthemes and the code IS installed in quick css?

Can you please check the actual website? (EDIT: What I meant is, check inside the website. I saw you visited the link, but you did not log in. I’m very security aware, so a lot is blocked from the outside.)

Sincerely,
Morticka

Hi Victoria,

Thx for the plugin suggestion, but for these kind of things I don’t want to use another plugin that can potentially create conflict with Enfold or slow down my site. :)

In response to your “seems complex” remark, I always try to find the most user friendly solution. I don’t mind messing with code, but most regular people do and the reason I love Enfold so much, is that almost everything works great right out of the box.

I did not understand why Enfold lightbox would not work with a youtube link, as it did before and I was questioning why it was necessary to use functionphp code or an insane long url from a 2018 thread to get it to work.

Here’s the problem: A normal Vimeo link works, but a Youtube share link, does not.

And then I found the solution and it’s actually quite simple!

Just copy the entire (browser) url of the youtube video and paste it in. I was using the share link of the youtube video, duh! :D

Anyway, thx!

You can close this thread.

Sincerely,
Morticka

Hi Victoria,

Great, I’m getting a lightbox now! :D

But youtube refuses the connection when I click on it?

How can I fix that?

Sincerely,
Morticka

Hi Nikko,

Thx for your reply :)

Oh to bad, I had hoped you already came across one that’s compatible with Enfold.

Yes, Learndash has video progression, but unfortunately it’s not fully compatible with Enfold (yet).

Oh well, the search continues.

You can close this ticket.

Sincerely,
Morticka

It works great Victoria, thank you so, so much!! :D

You can close this ticket.

Sincerely,
Morticka

Wonderful Mike, everything works as it should now, thank you so very much! :D

And ofcourse thx to Nikko and Yigit as well, all of you guys are the absolute A-team.

You can close this enormous thread/ticket.

Sincerely,
Morticka

Hi Victoria,

Thx for looking at it :)

Unfortunately, all the columns on my entire websit get smushed together in portrait mode on mobile (iphone, see images in private)

Is there a solution to only target the buttons in the lessons on mobile? There’s got to be a way to make them responsive, right?

Sincerely,
Morticka