Shopping cart and notifications dont drowpdown since update

[dekoningalex]

Hi,

Since i updated the theme the hover dropdown function of the cart and the notifications button don’t work anymore. They are located in the seconday menu on the right side. Can i get a fix?

[Laura]

Hello, using the main theme instead of the child theme helps?
Have you also tried deactivating some plugins not included at the theme?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[dekoningalex]

Hi,

When i switch back to the main theme, and then to the child theme, all style settings are completely lost so i had to use a backup of my VPS to get it back. Somehow all settings are lost when i do this even though it shouldn’t, making the site look completely like the default theme. Anyways, when i activated the main theme the problem was still there. When i disable all plugins the problem is still there, the problem started with the latest KLEO update.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

The theme settings from parent and child are separated, example : if you have child theme activated and you have made your theme adjustments using the child theme, when you activate the parent theme the theme options remains in child theme to can have that in both variants you should import from child theme to parent theme the theme settings that can be imported/exported from wp-admin -> theme options -> import/export.

So, settings from child to parent and vice-versa are separated, you will have to import the theme settings from one to another.

Save the customizations for later use and also for backup.

To solve your problem with the dropdown use the next CSS

COPY CODE

.open .kleo-toggle-submenu {
    display: block;
}

Anyway, i notice that this issue doesn’t happen on our demo.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

This reply has been set as private.

[Radu]

Hi,

That’s odd since that doesn’t happen on mine, I’ve tried multiple times I can make a video if you want.., can you try with all plugins deactivated? to see if the issue continue to occur ?

The hover issue on notifications and cart fixed

I’ve added the next function to functions.php child theme

COPY CODE

function sqr_fix_hover_22082017() {
	
	echo '
<style>
.open .kleo-toggle-submenu { display:block !important; }
</style>
	';

}
add_action('wp_footer', 'sqr_fix_hover_22082017');

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Hi, the problem is partly still there. When adding a product to the cart the dropdown menu for the shopping cart icon doesn’t work anymore. It does work again when the page is refreshed. (see screenshot). I want it to work when someone just added a product to the cart too as that is the time it is most useful.

Thanks

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

I cannot see the cart, the menu isn’t displayed for guest users.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

I don’t understand as this isn’t the case for me (see screenshot) in any browser.

Attachments:

You must be logged in to view attached files.

[Radu]

Just add this css

COPY CODE

li.menu-item.kleo-toggle-menu.shop-drop:hover ul.kleo-toggle-submenu {
    display: block !important;
}

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Hi,

Thanks that fixed the problem.

Next problem: At the Register page all the icons won’t load somehow and this only happens on the register page. (see screenshot).

Attachments:

You must be logged in to view attached files.

[Radu]

This happens when a plugin or a resource changes the font family for the I elements and before and after, are you using there a specific plugin to display something in register page ?

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Radu]

Anyway looks on my end

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

No no plugin for the register page is in use. It doesn’t show the error for you? That is weird.

[dekoningalex]

I’ve another problem for variation products. The add to cart and wishlist buttons display fine on a normal product page. However, on a variation product the add to cart button is correct but the wishlist button is positioned incorrect. How can i fix this? (see screenshots)

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

I see that isn’t theme related but even that I’ve created a solution for this.

Just go in the child theme to this path : /wp-content/themes/kleo-child/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php

If the folders missing create them and also create the variation-add-to-cart-button.php in that you will paste this content: https://pastebin.com/raw/pb1Yye80

Then in functions.php from child theme add the next snippet : https://pastebin.com/raw/F5t4ts15

NOTE: I will not support this modification if something updates since this it’s something custom.

NOTE2: That should be done by the woo commerce team to add immediately after the button to can render after button.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Hi,

Can you tell me which map the icons for the buddypress profile are? I want to replace them with selfmade icons but i can’t find the map in which they are placed.

[Radu]

Hi,

See my solution on this link : https://archived.seventhqueen.com/forums/topic/media-link-in-buddypress-showing-dobble#post-171934

There are all icons selectors

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Hi,

That allows me to change the image, however it only shows one color of the image. How can i add the non active, active, and hover images as well?

[Radu]

Hi,

Here it’s a example for selectors on hover image, and for current tab where you are, you will have to do that for every tab i’ve done for #user-activity, you will have to do for the rest tabs, the selectors are those https://archived.seventhqueen.com/forums/topic/media-link-in-buddypress-showing-dobble/#post-171934 just do same rule for every like below.

COPY CODE

a#user-activity:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/actividades.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}

/* hover custom icon ( replace #user-activity with the second selector) */
a#user-activity:hover:before {
    background-image: url('https://kids.niehs.nih.gov/resources/images/icon-nav-activities.svg');
}

/* current tab custom image by component replace #user-activity with the second selector  */
#object-nav li.current a#user-activity:before {
    background-image: url('https://livelovely.com/static/images/full-listing/icon-modal-success%402x.png');
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Thanks that will work!

I have another question. I want to customise the css for the notifications dropdown and shopping cart dropdown. But when i want to inspect element i can’t seem to find the css selector. How can i find the css selector of dropdown menus in general?

Thanks!

[Radu]

Hi,

Please made a screenshot in that you will point out the element that you need selector for it

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Hi,

When i updated the theme the notifications menu actually somehow changed to transparent background. Luckily, that is something i want to edit myself anyways so i will fix that. But the notification icon now also suddenly has a hover background which it shouldnt have either. Could you fix that too? (see screenshots)

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

So instead the black transparent notification hover backgound right ?

here’s the css

COPY CODE

#menu-submenu li.kleo-submenu-item {
    background: black;
}

#menu-submenu  .minicart-buttons {background:red;}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Radu]

For the cart

COPY CODE

.kleo-minicart .minicart-header {background:red;color:#fff}

.kleo-minicart .minicart-buttons {background:red !important;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Thanks, but how do i remove the hover background of the icon that is suddenly there since the update? see screenshot.

Attachments:

You must be logged in to view attached files.

[Radu]

Cannot understand, can you point out the backgrund that you want to get rid ?

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

When you hover over the notifactions button the “heart”, there is a transparent background lighting up behind the notification button. It shouldn’t be there and this happened since the update and the notifications have a transparent black background now too which the new update also caused, which should be grey.

[dekoningalex]

I now changed the background color of the notifications hover page to white with the code you provided, but the links are still white and i don’t know how to change them with css back to black so they are actually visible (see screenshots).

Attachments:

You must be logged in to view attached files.

[Radu]

Here’s the selector for the notifications menu item bg

COPY CODE

.navbar-transparent .navbar-nav > li > .dropdown-menu li > a:hover, .navbar-transparent .navbar-nav > li > .dropdown-menu li > a:focus, .navbar-transparent .dropdown-submenu:hover > a, .navbar-transparent .dropdown-submenu:focus > a, .navbar-transparent .dropdown-menu > .active > a {
    background-color: #428bca !important;
}

This it’s for the the bg of notification

COPY CODE

.kleo-toggle-submenu .submenu-inner {
    background: black !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dekoningalex]

Thanks those css selectors allowed me to make the background transparent like it was before the update. I would also like to customise the link colors, the numbers and the button of the notifications dropdown menu (see screenshot). In the update, the link colors went to white which makes them barely visible.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Just take a look at the screenshot

and change with your desired color, for background color red with transparency use this

COPY CODE

background-color:rgba(0,0,0, 0.1);

For the notications dropdown style those are selectors

COPY CODE

.kleo-toggle-submenu .submenu-inner {background-color:rgba(0,0,0, 0.1) !important;}
#menu-submenu .kleo-notifications-nav .minicart-buttons {background-color:red;}
#menu-submenu .kleo-notifications-nav ul li a {color:green !important;}
.kleo-notifications-nav ul.submenu-inner.has-notif li:before {color:red;}

Change those with your desired

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts