Mobile menu layout issue. - by Kazi Sabit

This topic has 14 replies, 3 voices, and was last updated 2 years ago ago by Rose Tyler

  • Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 9, 2022 at 11:17

    Mobile menu layout issue
    Check the video for

    Please, contact administrator
    for this information.
    13 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 10, 2022 at 06:43

    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.

    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 10, 2022 at 13:11

    Did you try from home page?

    Check this video.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 11, 2022 at 06:13

    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.

    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 11, 2022 at 11:12

    Watch this after i canged the code.

    Please contact administrator
    for this information.
    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 11, 2022 at 11:12

    Here is the info

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 12, 2022 at 07:01

    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.

    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 12, 2022 at 08:18

    Still the same. I cleared browser cache.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 12, 2022 at 09:53

    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.

    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 12, 2022 at 10:01

    What is this then?

    Please contact administrator
    for this information.
    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 12, 2022 at 10:02

    Don’t messup please. If you can’t please tell rose to see this.

    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    October 13, 2022 at 07:49

    What happened?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 13, 2022 at 09:29

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 13, 2022 at 09:57

    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

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Mobile menu layout issue.’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.