This topic has 14 replies, 3 voices, and was last updated 2 years, 1 months ago ago by Rose Tyler
Mobile menu layout issue
Check the video for
Hello, @Kazi Sabit,
1- Alright, I have checked your site on my personal mobile there is no issue, it is working just fine. No matter if the category has 0 products or more than 2 products check the video for a better reference: https://streamable.com/6jzfh4 now please check back to your site after clearing the browser cache.
2- In order to know how to change the background color of the mobile menu please watch the video and follow the steps: https://streamable.com/4xjmme
Regards 8Themes Team.
Did you try from home page?
Check this video.
Hello, @Kazi Sabit,
In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
@media(max-width:768px){
#header>[class*=header-wrapper] .sticky-on>.header-main{z-index:99 !important;}
.et_b_header-mobile-menu>.et-mini-content{z-index:9999 !important;}}
Then save settings and check back to your site after clearing the browser cache.
Note: if the issue will still persist then please remain all the third-party plugins deactivated on your site and provide me login access to your site in the below-listed format in the private content area and allow permission to debug your site which includes deactivating all the third-party plugins and on-site Customization as well so that I will check and assist you accordingly.
WP Admin URL:
WP Admin Username:
WP Admin Password:
Note: Please take the complete backup of your site first.
Regards 8Themes Team.
Watch this after i canged the code.
Here is the info
Hello, @Kazi Sabit,
Alright, Thanks for the login details and video your issue has been resolved now all the off-canvas are now appeared perfectly fine as you can see in the image: https://postimg.cc/tZZrMxTL I added this custom CSS code in the Theme Settings >> Theme Custom CSS >> Global to solve your issue: https://postimg.cc/9rVpGSd3
Please check back to your site after clearing the browser cache.
Regards 8Themes Team.
Still the same. I cleared browser cache.
Hello, @Kazi Sabit,
Sorry to say, that it was a CSS issue on your issue I removed that CSS and added a new code as you can see here: https://postimg.cc/nXwJVtJ4 by doing this your issue is resolved. Please watch this video: https://www.veed.io/view/28e23d8e-c670-4554-9ed7-61ce44ba9027/showcase?sharingWidget=true and check back to your site after clearing the browser cache now.
Regards 8Themes Team.
What is this then?
Don’t messup please. If you can’t please tell rose to see this.
What happened?
Hello,
Sorry for the long delay in answering. This topic was passed to one of our technicians, but he is busy with the next theme update right now, so it causes the delay.
I will let you know once get an answer from him. Please be patient.
Thanks in advance.
Regards
Hello,
We changed sticky header type to Custom -> https://prnt.sc/oH0A6AHL4rf6 because the default sticky header type will create issues if you have few different off-canvases in different header areas.
Also, we removed the custom CSS added previously.
Please clear cache of the browser and check now. Let us know the result.
Regards
The issue related to '‘Mobile menu layout issue.’' has been successfully resolved, and the topic is now closed for further responses