Return to previous page

Widget and mobile menu issue - by MJ - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 2 years, 9 months ago ago by Olga Barlow

MJ

Participant

July 23, 2021 at 10:01

Hi
I have some issues to address:
1. after recent updates, my mobile second menu that uses widget and custom menu with icons is not showing the icons as before. and the menu does not cover whole width of the screen in tablet and mobile screen size. the color of text should be white and background #333333. The CSS used before:

.et_b_header-menu .nav-sublist-dropdown .item-link > i, .etheme_widget_menu .nav-sublist-dropdown .item-link > i {
margin-right: 5px;
}

@media only screen and (max-width:992px){
.mobile-header-wrapper .menu li.menu-disable_titles .nav-sublist-dropdown {
width: 100vw;
margin-right: 0 !important;
background-color: #333333;
text-align: center;

}
.mobile-header-wrapper .menu li.menu-disable_titles {
position: static;
}
}

2. the secondary menu in desktop screen is defaulted to open with right-side alignment. I need a CSS to force the menu to open left-sided (means the dropdown opens in left side of secondary menu icon).
3. in #2 the dropdown background color can be adjusted in global setting (with all other menus but i need a different color for secondary menus both in desktop and mobile (#333333) with white text and icons. can you provide the CSS for that?

4. How can I adjust the transition width from desktop to tablet mode? I guess theme transits at 922px from desktop mode to tablet/mobile mode.

Please, contact administrator
for this information.

#295574 Copied Theme version: 8

11 Answers

Rose Tyler

Support staff

July 25, 2021 at 08:01

Hello,

Update the theme to 8.0.2 and Core plugin to 4.0.2 https://xstore.helpscoutdocs.com/article/63-theme-update https://xstore.helpscoutdocs.com/article/37-plugins-update
Clear cache and check how it works then.
Provide some screenshots for a better understanding of your requests. You can use Gayzo or Lightshot screenshot tools to make and share screenshots.
Thanks in advance.

Regards

#295845 Copied

MJ

Participant

July 26, 2021 at 05:11

Hi
no change after update.
1. screenshot https://prnt.sc/1fygiq4
2. screenshot https://prnt.sc/1fyimew why I need this is bcos of … https://prnt.sc/1fyjo01. if we can make it dynamic would be perfect means the menu opens according to screen size and never cropped.
3. i guess #3 is obvious, i just need the custom menu i built (desktop and mobile) to have white content and #333333 background. i cannot do this with your Dropdown menu settings.
4. this is what we have now https://prnt.sc/1fym8hb I want it jumps to mobile at 750px like https://prnt.sc/1fyn8la
5. and how can i increase the size of my custom menu icon https://prnt.sc/1fyovad
6. i also noticed lots of errors at widget page https://prnt.sc/1fz2kmf
thanks

#295963 Copied

MJ

Participant

July 27, 2021 at 08:17

Hi,
can you please check my queries?

#296239 Copied

MJ

Participant

July 27, 2021 at 15:16

And add to above the icon in mobile panel menu are connected to texts. Please provide the CSS to separate them.
I have raised this ticket last week, so please provide some feedback.
Thanks

#296322 Copied

MJ

Participant

July 28, 2021 at 09:09

I managed to find some solutions. so i revisit the request: please help with below:
1. the secondary menu in desktop screen is defaulted to open with right-side alignment. I need a CSS to force the menu to open left-sided (means the dropdown opens in left side of secondary menu icon). screenshot https://prnt.sc/1fyimew why I need this is bcos of … https://prnt.sc/1fyjo01. if we can make it dynamic would be perfect means the menu opens according to screen size and never cropped.
2. How can I adjust the transition width from desktop to tablet mode? I guess theme transits at 922px from desktop mode to tablet/mobile mode. this is what we have now https://prnt.sc/1fym8hb I want it jumps to mobile at 750px like https://prnt.sc/1fyn8la
3. and how can i increase the size of my custom menu icon https://prnt.sc/1fyovad
4. i also noticed lots of errors at widget page https://prnt.sc/1fz2kmf
5. I want the secondary menu in desktop to open below header like https://prnt.sc/1gzl88q. mine is like this now: https://prnt.sc/1gzp0zu
Thanks

#296440 Copied
Olga Barlow

Support staff

July 28, 2021 at 09:10
Hello,

Apologies for the delay in our reply. We are dealing with a higher volume of support requests due to the new WP version and theme version releases. Thank you for your patience.

1. I don’t see the mentioned issue https://prnt.sc/1gzeppa
2. It’s ok for me https://prnt.sc/1gzfdvm
3. I see that you were able to change the color using custom CSS
4. Go to Theme Options > General > Mobile Header Starts From > change 992 to 750
5. Use the below custom to increase the size
```
.site-header .menu .side-menu i.fa-caret-square-down {
    font-size: 2rem !important;
}
```
6. There are a lot of errors related to server in console logs https://prnt.sc/1gzizvz
Could you, please, provide us with the server error logs?

Regards
#296442 Copied
MJ

Participant

July 28, 2021 at 09:27

yes i was updating the ticket:
I managed to find some solutions. so i revisit the request: please help with below:
1. the secondary menu in desktop screen is defaulted to open with right-side alignment. I need a CSS to force the menu to open left-sided (means the dropdown opens in left side of secondary menu icon). screenshot https://prnt.sc/1fyimew why I need this is bcos of … https://prnt.sc/1fyjo01. if we can make it dynamic would be perfect means the menu opens according to screen size and never cropped.
2. How can I adjust the transition width from desktop to tablet mode? I guess theme transits at 922px from desktop mode to tablet/mobile mode. this is what we have now https://prnt.sc/1fym8hb I want it jumps to mobile at 750px like https://prnt.sc/1fyn8la
3. and how can i increase the size of my custom menu icon https://prnt.sc/1fyovad
4. i also noticed lots of errors at widget page https://prnt.sc/1fz2kmf
5. I want the secondary menu in desktop to open below header like https://prnt.sc/1gzl88q. mine is like this now: https://prnt.sc/1gzp0zu
Thanks

#296446 Copied

MJ

Participant

July 28, 2021 at 09:37

this is a summary of the case:
2, 3 are resolved. thanks
1. the secondary menu in desktop screen is defaulted to open with right-side alignment. I need a CSS to force the menu to open left-sided (means the dropdown opens in left side of secondary menu icon). screenshot https://prnt.sc/1fyimew why I need this is bcos of … https://prnt.sc/1fyjo01. if we can make it dynamic would be perfect means the menu opens according to screen size and never cropped.
4. your question was “”Could you, please, provide us with the server error logs?”””
HOW TO DO THAT?
5. I want the secondary menu in desktop to open below header like https://prnt.sc/1gzl88q. mine is like this now: https://prnt.sc/1gzp0zu

thanks

#296450 Copied
Olga Barlow

Support staff

July 28, 2021 at 21:08
Hello,

1), 5) Add the below code
```
.et_b_header-menu .side-menu .nav-sublist-dropdown:not(.nav-sublist)
{
    left:auto;
    right:0;
    top: 37px;
    background-color: #333333;
}
.et_b_header-menu .menu li.side-menu:hover .nav-sublist-dropdown:before {
    content: '';
    height: 25px;
    position: absolute;
    width: 100%;
    top: -20px;
}
```
4) Contact your hosting provider to get the server error logs. I suppose you have some errors related to DB. Ask the hosting provider to fix them. Did you do any manipulation with your DB?

Regards
#296611 Copied
MJ

Participant

July 29, 2021 at 08:23

Thank for CSS.

4. I have contacted the host provider and they could not find any error related at server side.
To be sure, I did reset everything, created new DB and install wordpress and theme/plugins.
i believe the issue is coming from the Demo site. I did check widget area before installing the demo with no error. Appreciate if you can check the demo.
I also noticed that sometimes when i visit the site https://prnt.sc/1hi0p73, the link directed to blog page instead. FYI, I did set home page and blog page https://prnt.sc/1hi0drj.

Please use new password.

Please contact administrator
for this information.

#296642 Copied

Olga Barlow

Support staff

July 29, 2021 at 23:36

Hello,

I don’t see widgets error any more http://i.prntscr.com/20-8EB5HRKmQ8McVaiOhuw.png
Besides, you can enable old view of the widgets in Theme Options > General > Enable Old Widgets Panel.

Regards

#296832 Copied
Viewing 12 results - 1 through 12 (of 12 total)