Return to previous page

Theme update -change - by Dittemila - on WordPress WooCommerce support

This topic has 39 replies, 3 voices, and was last updated 6 years ago ago by Rose Tyler

Rose Tyler

Support staff

December 5, 2018 at 09:18

You’re welcome!
Please try this code:

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover {
    background-color: #f8e1e0;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover a {
    color:  white;
}
.main-nav {
    padding: 0;
}

Regards

#205408 Copied

Dittemila

Participant

December 5, 2018 at 10:07

Thank you it works great:-) I have just one more issue on mobile.

1. please see http://prntscr.com/lqxi78 how can I change the mobile menu symbol and shopping dasket symbol, and placet it in header bottom.

2.Please see http://prntscr.com/lqxj8a how can I make the white plus black.

I thing I have to change the images in ftp you told once?

#205417 Copied

Rose Tyler

Support staff

December 5, 2018 at 10:27

@media (max-width: 480px){
    .header .shopping-cart-widget .cart-summ .amount {
        font-size:  0px !important;
    }
    .shopping-cart-widget .cart-summ > .cart-bag:before {
        content:  "\f291";
        font-family: FontAwesome;
        font-size: 16px;
        color: #0000009c;
    }
    .side-area-icon i:before, .menu-icon i:before {
        font-size: 15px;
        background-color: #635c5b;
        padding: 3px 10px;
    }
    .header .menu-icon {
        left: 35px !important;
        top: unset;
        bottom: 38px;
    }
    .header .shopping-cart-widget{
        bottom: 0;
        top: unset !important;
        margin-top: 0px !important;
    }
}

2) To change color of “+” icons you need edit the file wp-content/themes/legenda/images/small-plus.png as they are loaded from it.

Regards

#205418 Copied

Dittemila

Participant

December 5, 2018 at 10:34

Thank you. How can I placet it in header bottom like picture? and still have the amount 0.00 shown in basket

#205419 Copied

Rose Tyler

Support staff

December 5, 2018 at 10:44

Please change the code to:

@media (max-width: 480px){
    .shopping-cart-widget .cart-summ > .cart-bag:before {
        content:  "\f291";
        font-family: FontAwesome;
        font-size: 15px !important;
        color: #0000009c;
    }
    .side-area-icon i:before, .menu-icon i:before {
        font-size: 15px;
        background-color: #635c5b;
        padding: 3px 10px;
    }
    .header .container .menu-icon {
        left: 34px !important;
        top: unset;
        bottom: 20px;
    }
    .header .container .shopping-cart-widget{
        bottom: -18px;
        top: unset !important;
        margin-top: 0px !important;
    }
    .shopping-cart-widget .cart-summ > .cart-bag {
        margin-left: 0px;
        padding-left: 0;
    }
}

Regards

#205421 Copied

Dittemila

Participant

December 5, 2018 at 10:48

Thank you so so much 🙂

#205422 Copied

Rose Tyler

Support staff

December 5, 2018 at 11:18

You’re welcome!

Regards

#205423 Copied

Dittemila

Participant

December 5, 2018 at 20:25

Hai Rose, Iam so afraid to make a change the theme.
To change color of “+” icons you need edit the file wp-content/themes/royal/images/small-plus.png as they are loaded from it.

Is it possible for you to help me with this?

#205474 Copied

Rose Tyler

Support staff

December 6, 2018 at 10:52

Hello,

You need to replace this image http://lecc.dk/wp-content/themes/legenda/images/small-plus.png with the desired one in wp-content/themes/legenda/images folder
or add this custom css code:

.et-mobile-menu li .open-child:after {
    background-color: #635c5b;
}
.mobile-nav-shown .header .container .shopping-cart-widget {
    bottom: 13px !important;
}

http://prntscr.com/lrf5k5

Regards

#205511 Copied