Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 30, 2020 at 2:10 am #1256941
    opificioilgranello

    Hi!
    I have a problem with the woocommerce cart in the homepage (transparent header), the cart goes too much up in the page, is ok on the other pages.

    Thank you!

    October 30, 2020 at 2:54 am #1256963
    Jordan Shannon

    Hey opificioilgranello,

    I’m not seeing the cart at all. Can you screenshot the issue?

    Best regards,
    Jordan Shannon

    October 30, 2020 at 12:48 pm #1257035
    opificioilgranello

    Hi Jordan!
    I send to you 2 images, one with the cart problem (mobile responsive) and the other is also a responsive problem with the transparent header, I don’t know but perhaps those issues are correlated.

    Thank you!!

    Laura

    November 1, 2020 at 12:45 am #1257363
    Jordan Shannon

    Hi,

    Can you try commenting out your custom css to see if the issue resolves?

    Best regards,
    Jordan Shannon

    November 3, 2020 at 12:22 pm #1257964
    opificioilgranello

    Hi Jordan!
    This is the css code that creates problem I think…

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px){
    .home .logo{
    display:none !important;
    }
    }
    Still I don’t know how to solve all this stuff because the transparent header doesnt’ work on mobile.
    Otherwise how can I disable transparent header on mobiles and turn black the background color ?

    Thank you!

    Laura

    November 3, 2020 at 9:37 pm #1258139
    Jordan Shannon

    Hi,

    So with that portion commented out the cart shows?

    Best regards,
    Jordan Shannon

    November 3, 2020 at 9:55 pm #1258143
    opificioilgranello

    Hi!
    Exactly!

    Laura

    November 4, 2020 at 6:03 pm #1258370
    Nikko

    Hi Laura,

    Can you try to replace this code:

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px){
.home .logo{
display:none !important;
}
}

    with:

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px){
  .home .logo{
    display:none !important;
  }

  .responsive #top.home .cart_dropdown {
    margin-top: 18px;
  }
}

    Hope it helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.