Transparency header does not work anymore

Hey Victoria,

Thx that worked! :D

One problem, that code was put there because of the background of the woocommerce cart. You see a white square around the cart now.

How can I fix that and keep my transparency header? Screenshot in private content.

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,

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,

I have no cache plugin activated on the staging site.

I noticed you did not login. You were redirected a couple of times because maintenance mode is on.

The reason why you could not change anything on the outside, is probably my security. (A while ago you guys could not see that i was running a child theme or the quick css data from the outside, for instance)

Do you have another solution?

Sincerely,
Morticka

Hi Victoria,

My security software logs every login and yours is not there? (take a look at the screenshot, you can see exactly which pages you visited and that you were rerouted because the maintenance mode is activated. That does not happen when you’re logged in.)
The last time Kriesi support logged in was two days ago (screenshot with login information)
To be sure that my security software was not acting up, I logged out and logged in again. My login is visible, so everything is working as it should? (see screenshot with my login information)
I also logged in with the credentials I gave you guys and that is logged as well. (see screenshot)

Where did you log in, because it was not the staging site? (Only the staging site has woocommerce installed. I put the data again in the private content. :) )

To see if Quick CSS worked, I removed some code and the changes were visible.
So, I have no idea why the CSS code from the woocommerce cart on mobile does not work.
<EDIT> You can only see the cart on mobile after you log in, go to the product page and put the product in the cart.

Can someone else take a look? I don’t know what’s going on, else I would have fixed it myself and not have bothered you guys?

Sincerely,
Morticka

Hi Victoria,

No worries, it happens to all of us sometimes :)

And yes, it worked, thx! :D

The cart is on the right of the hamburger menu though and I was trying to get it to the left of the hamburger menu? And how can I make the cart icon bigger so it’s easier to tap with your finger?

<EDIT> I just found out that the dropdown from the Woocommerce cart on desktop is transparent again. How can I fix this and keep my transparency header?

Sincerely,
Morticka

• This reply was modified 4 years, 4 months ago by Morticka. Reason: Woocommerce cart dropdown is transparent again after removing code that stopped my header from being transparent

Hi Ismael,

Ofcourse, I opened a new ticket. Your code moves the cart on desktop as well and it’s supposed to be only on mobile.

You can close this thread and I hope someone will respond to the new one.

Sincerely,
Morticka