Tagged: mega menu
-
AuthorPosts
-
August 1, 2020 at 3:20 pm #1234510
Hello Team,
I have issue into mega menu full width. it is taking auto width 96px as per your js coding.Please visit below link and hover on ARTWORK menu
https://underlyn.com/art-prints/art/geometric/a-letter-to-my-future-self/Can you please look on it an reply me asap.
- This topic was modified 4 years, 3 months ago by Underlyn.
August 3, 2020 at 1:06 pm #1234821Hey Underlyn,
I’m not sure I understand the problem, could you try to explain a bit further or post a screenshot highlighting it please?
Best regards,
RikardAugust 4, 2020 at 6:48 am #1235046Hello,
See below screenshot for what I have asking question.
http://prntscr.com/ttldxfAugust 5, 2020 at 1:39 pm #1235410Hi,
Thanks for that. I can’t see the menu in your screenshot on your actual site though, where can we find it? The page you initially linked to leads to a 404 page.
Best regards,
RikardAugust 5, 2020 at 2:28 pm #1235432Hello Rikard,
The link and the screenshot shared by my developer is actually from my development server and hence is not live yet for public view. The issue we are facing is that the mega menu was initially developed to like like it does in this screenshot: https://i.postimg.cc/13DTbgWM/Previous-mega-menu.jpg
I then noticed during a review that the mega menu was being seen in full only when the screen is at 80% zoom on my laptop (Windows OS). When I go up to 90% or 100% about 20% of the mega menu on the left side was being cut off. I have shown this in a video recorded previously. Please jump to 1:53 of the video to see this particular issue explained: https://drive.google.com/file/d/1x_9I6gwGhxu_ZH4yfoZXO4ZGauPf6mXe/view?usp=sharingWhen I pointed out this issue, my developer tried to change code so as to make the mega menu’s width auto adjust based on the screen width and zoom. However, when he did this the menu now appears only 96px wide and is not appearing in full as seen in the screenshot: https://i.postimg.cc/90nKHKqj/Mega-menu-current.jpg
I hope this explains the entire issue clearly. Is there any way you could help us with this?
Thank you!
August 9, 2020 at 9:25 pm #1236348Hi,
Sorry for the late reply, and thanks for the screenshots and video, so as I understand your post this menu error is only visible on your test site? I have added the host file info but I’m not seeing your test site.
I’m also not sure why you are using the “zoom” when testing your site, to test your page for different screen resolutions please try using the dev tools and choose a screen width.
Please note that the link is for the Chrome browser, but the same function is available in all browsers.
For the site that I could login to, I didn’t find any css to adjust the menu so I assume I will see this on the test site once I get the host redirect to work?Best regards,
MikeAugust 10, 2020 at 7:11 am #1236383Hello Mike,
Yes when your host redirection is working so you can see test site and know what is issue.
I did not added any special css for menu.Can you please add host into suystem and check test site with same url. https://underlyn.com/
Please let me know asap.
Thanks
August 10, 2020 at 2:29 pm #1236429Hi,
I have been able to view and login to your site, the “avia.js” uses a function “aviaCalcContentWidth” to calculate the window width and then add css rules for the mega menu, tabs, submenus, and containers.
I have checked your child theme “avia.js” and find that it is an older version, please update your theme to v4.7.6.1 and also update your child theme “avia.js”
Your child theme contains a lot of js files, I’m concerned that one of them is somehow effecting the aviaCalcContentWidth function. Do you know what the files in your child theme “static” folder is for? They seemed to be named like a cache?Best regards,
MikeAugust 10, 2020 at 2:35 pm #1236430Hi Mike,
I have updated Main theme folder but not child theme because of there are lot of changes I did in different files.August 12, 2020 at 12:42 pm #1236954 -
AuthorPosts
- You must be logged in to reply to this topic.