Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1238266

    Hi guys,

    Somewhere between updates my transparency header stopt working. I tried turning it on and off on the page, but that did not do anything.

    How can I fix this?

    Sincerely,
    Morticka

    #1238512

    Hey Morticka,

    Best regards,
    Victoria

    #1238532

    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

    #1238575

    Hi Morticka,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .header_color .cart_dropdown_first .cart_dropdown_link {
      background-color: transparent;
    }
    

    Do you want to keep the border around the cart or remove it?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1238594

    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

    #1239095

    Hi Morticka,

    This part in the code above:

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

    should be

    
    @media only screen  and (min-width: 480px) and (max-width: 767px) {
      .html_visible_cart .av-burger-menu-main {
        padding-right: 45px;
      }
    }
    

    Best regards,
    Victoria

    #1239119

    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

    #1239174

    Hi Morticka,

    I am adding this code in many places but it does not show up anywhere:

    
    @media only screen and (max-width:767px){
      .html_visible_cart #top .av-logo-container .avia-menu  {
        padding-right: 45px;
      }
    }
    

    Seems like there is some heavy caching or I don’t know why the code does not show up on the website.

    Best regards,
    Victoria

    #1239177

    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

    #1239251

    Hi Morticka,

    I did log in and I was adding code in QUick css and in the child theme style.css but the code did not show up. Do you know why is it happening?

    Best regards,
    Victoria

    #1239277

    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

    #1239292

    Hi Morticka,

    Hmm…. Could be that I was confused and was adding code in the wrong place.

    I added the code in the Quick css on the staging server and it works now.

    Please check :)

    Best regards,
    Victoria

    #1239293

    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 3 years, 9 months ago by Morticka. Reason: Woocommerce cart dropdown is transparent again after removing code that stopped my header from being transparent
    #1240694

    Hi,

    You can move the cart icon further to the right with this css code.

    .responsive #top .cart_dropdown {
    	right: 240px;
    }

    Default right position is 20px. Please add the code inside the css media query above.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    #1240751

    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

    #1240772

    Hi,

    We will close this thread.

    Best regards,
    Jordan Shannon

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Transparency header does not work anymore’ is closed to new replies.