[Resolved] The menu dropdown list and woocommer cart not display properly

[Author]

Posts

[Win Soh]

I am trying to create the menu with toolset (divi theme), however the dropdown button and woocommerce cart does not display properly, tried to tweat with CSS but couldn't. CAn you help.

With layout: hidden link
Without (normal): hidden link

Thanks!

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hi Win Soh,

Thank you for contacting Toolset Support.

1. Can you please share your Debug Information with us so we can see it? I have enabled debug info box for your next reply:
https://toolset.com/faq/provide-debug-information-faster-support/

Looking forward to help you.
Thank you

[Win Soh]

Debug information added.

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hello Win Soh,

1.Please add the debug report in the Debug Information box and not paste it in the message box directly. I have also enabled debug info box for your next reply: https://toolset.com/faq/provide-debug-information-faster-support/

2. To debug this issue I will need to take a look at your setup. So I need to request temporary access (WP-Admin) to your site
– preferably to a test site where the problem has been replicated if possible –
in order to be of better help and check if some configurations might need to be changed.

Your next answer will be private which means only you and I have access to it.

=== Please backup your database and website ===

✙ I would additionally need your permission to de-activate and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important.

Looking forward to help you.
Thank you

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hello Win Soh,

I have updated the CSS in child theme’s style.css file and it works fine now:
hidden link

#et-top-navigation a.et-cart-info {
 margin-top: -2px!important;
}

#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
     top: 2%;
}

Thank you

[Win Soh]

Can you double check? I dont see any chances.

[Win Soh]

Sorry, the cached. Thanks!

[Win Soh]

Hi, the mobile view has problem. It changed when desktop fixed. and another way around.

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hello Win Soh,

Can you please send me screenshot of the mobile View problem? What you actually see right now?
What you expected to see on the Mobile?

Thank you

[Win Soh]

Can you see the woocommerce cart? Not align.

[Win Soh]

Hi there. I tried myself changing it. But still ended up the same. Any clue?

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hi Win Soh,

Okay I am going to work on it. Sorry we ran into the weekend due to which I was not able to reply, I will process your request today.

Thank you for you patience.

[Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hello Win Soh,

I have updated the CSS in Theme Options >> Custom CSS section and it works fine on mobile now:

@media (max-width:992px) {
#et-top-navigation a.et-cart-info {
    margin-top: 7px !important;
}	
}

Thank you

[Win Soh]

Done! Thanks!