Nav menu jump to the side once clicked or close icon clicked

Hi @smithjhsn,

I hope you’re doing well today. Thank you for reporting this.

Seems likely some additional information are needed to help figure out the source of the trouble easier.

* Which version of Airi are you running?
* Can you provide a link to your site for direct inspection?
* Can you provide a link to the Airi demo you’re referring to?

Regards,
Kharis

Version should be 1.0.16 as found on Changelog but if you try on this demo and click on menu links in nav or click on close icon on nav on mobile once opened you’ll see the jump to the side instead of being fixed!
https://demo.athemes.com/themes/?theme=Airi%20Startup

• This reply was modified 3 years, 2 months ago by smithjhsn.

@smithjhsn I am sorry for the delay in response.

I did another checking but the issue doesn’t seem to appear. Can you provide a screen recording to show me the issue you’re experiencing?

You can use Google Drive or other file sharing services to host your video/screen recording file and link it here. Ensure the link is publicly accessible.

Regards,
Kharis

Here you go
https://drive.google.com/file/d/1kVrW7m2BylBNqwEkUig6Ko2z2k2lEqzP/view?usp=drivesdk
Please see menu position that changes once clicked!

@smithjhsn thanks for the video.

I did checking with my phone and the issue isn’t appearing.

https://drive.google.com/file/d/1JzlS8SaIevWdbsobr9KfkRLKH96v94_f/view?usp=sharing

Perhaps you are using the older version of web browser? If so, I’d request updating it and try again.

Regards,
Kharis

You didn’t click on any links on the menu, you just clicked on nav 3 lines to open and close to close it. Please pay attention I mentioned multiple time that the issue is when you click on menu link such as about us, contact, blog,…

Please try to click and send me a video if you don’t have the issue? Thanks

• This reply was modified 3 years, 2 months ago by smithjhsn.
• This reply was modified 3 years, 2 months ago by smithjhsn.

@smithjhsn I did another checking as requested, and still, the issue doesn’t seem to appear.

https://drive.google.com/file/d/1oz5Ng82ckOw_R2KmdBg8-tNxQ5QL3Qu5/view?usp=sharing

I am not sure what was going on your screen. Can you confirm whether your web browser is the latest?

Regards,
Kharis

Please try on Google Chrome. I’m using an updated Google Chrome. Even you can try on Chrome on desktop but in mobile view to see the issue!

Once you see the issue please just give me CSS code to fix it.

• This reply was modified 3 years, 2 months ago by smithjhsn.
• This reply was modified 3 years, 2 months ago by smithjhsn.

@smithjhsn I tried another check with Google Chrome. And if I got it right, you’d add this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 1199px) {

  .menuStyle1 .main-navigation * {
    width: 100%;
    border: 1px solid #fff !important;
  }
  
}

Hope that helps.

Regards,
Kharis

Fixed! Thanks!

• This reply was modified 3 years, 2 months ago by smithjhsn.

You’re welcome @smithjhsn!

I forget to remove this line before posting as that was only for debugging purpose. Hope you got it removed.

border: 1px solid #fff !important;

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis