After new update, our menu style in Mobile and Tablet mode gets messed up! There was an square icon before but now I don’t know what happened!
Please check and let us know how to fix that
Hey Sadegh,
Please, may you provide to us your website link and the WP and FTP credentials?
Best regards,
John Torvik
Hi,
Please find the credentials in private area.
Hi dear Sadegh,
Sorry for the late reply!
I added following code to bottom of Style.css file of your child theme in Appearance > Editor
@media only screen and (max-width: 767px) {
.avia-menu.av-main-nav-wrap {
background: transparent;
}}
Please review your website
Best regards,
Yigit
Hi dear Yigit,
Thanks a lot, you’re always a great help at Kriesi forum :)
I check, it is way better now but there are still 3 issues remain:
1- When we click on the menu (in both tablet and mobile mode), can we set the menu to fit into all the page? Right now when it opens, it only fill a part of the page.
2- It seems that our main font “Iransans” does not load in menu items. Can we fix that?
3- Still there is a gap in tablet mode (I think its between 756 px to 951 px but now sure about the exact amount) that we can see the menu doesn’t load properly.
Regards,
Sadegh
Hi dear Sadegh :)
1- You can go to Enfold theme options > Main Menu > Burger/Mobile menu and change it in “Menu Overlay Style”. I did it for you
2- I added following code to Style.css file of your child theme
.avia-menu-text { font-family: 'IRANSans'; }
3- I changed the code to following one
@media only screen and (max-width: 990px) {
.avia-menu.av-main-nav-wrap {
background: transparent;
}}
Please review your website :)
Best regards,
Yigit
Thank you very much dear Yigit :)
Issues are solved completely
(you may now close the thread please)
Regards,
Sadegh