Return to previous page

Mobile menu overlayed or doubled display?

This topic has 8 replies, 3 voices, and was last updated 3 years, 10 months ago ago by Rose Tyler

crazycube

Participant

June 15, 2020 at 15:36

Hi, our mobile menu displays as shown in the picture.

But when you drag the menu, the error will disappear.

Any idea how to solve this?

Please, contact administrator
for this information.

#240872 Copied Theme version: 1.0 WooCommerce version: 4.2.0

7 Answers

Olga Barlow

Support staff

June 16, 2020 at 01:21

Hello,

1) Provide us with link to your site, temporary WP Dashboard and FTP access to your site to check the problem in more detail.
2) What mobile device do you use (model)?

Regards

#240933 Copied

crazycube

Participant

June 16, 2020 at 12:11

1. Our website is http://www.crazycube.com.au
Please check the admin detail in private content

2. We use Apple (iPhone 11 Pro Max and iPhone 8 Plus)to check the menu. Both of our devices have the same problem.

3. In addition, the first category “Bathroom Furniture” in the mobile category menu is not aligned with other categories underneath. Please also help us check the problem as well.

4. Could you please also advise how to remove the underline of the first item in the main menu when mouse is not moving onto the first item?

Thanks.

Please contact administrator
for this information.

#240976 Copied

Olga Barlow

Support staff

June 16, 2020 at 23:50

Hello,

Thank you. FTP is ok, but what about WP Dashboard password? It seems you missed that.

Regards

#241043 Copied

crazycube

Participant

June 17, 2020 at 13:33

Please use this to log in.

Thanks

Please contact administrator
for this information.

#241123 Copied
Rose Tyler

Support staff

June 18, 2020 at 11:04
Hello,

Try to add this code in Theme Options > Theme Custom CSS:
.mobile-menu-content .et_b-tab-content { animation: none; }
Clear cache and check then. Let us know the result.
3) Remove the current icon for menu item – http://prntscr.com/t1yu86 or change it to icon of Font Awesome 4.7 version http://prntscr.com/t1yvi2 https://fontawesome.com/v4.7.0/icons/
4) To remove the line for the current menu item, add the next code in Theme Options > Theme Custom CSS:
```
.header-main-menu.et_element-top-level .menu > .current-menu-item > a:before {
    background-color: transparent;
}
.header-main-menu.et_element-top-level .menu > .current-menu-item:hover > a:before {
    background-color: #0ab3a3;
}
```
Regards
#241251 Copied
crazycube

Participant

June 19, 2020 at 09:05

Hi, developer

Thank you very much for your help. Our problem has been resolved.
The first issue, I put your codes to all the mobile devices including tablet. is it correct?

#241353 Copied

Rose Tyler

Support staff

June 19, 2020 at 09:31

Hello,

You’re welcome!
Yes, the code can be added like this, or in the Global Custom CSS area only.

Regards

#241355 Copied
Viewing 8 results - 1 through 8 (of 8 total)