Home › Forums › Arnold WordPress Theme › Tablet view – how to set menu/header/nav to hamburger menu?
- This topic has 10 replies, 2 voices, and was last updated 7 years, 2 months ago by
SeaTheme.
-
AuthorPosts
-
March 7, 2019 at 5:25 am #17958
Hi there!
Really happy with the theme, thank you! I just have one question. The theme is behaving well in desktop and smartphone mode, however when I check it in tablet mode the menu is too big for the screen. Is there any way of making the tablet responsive mode have a hamburger menu like the smartphone mode does? This would solve our problem.
Thank you!
March 7, 2019 at 7:50 am #17959Hi,
Please paste the custom css code to “Appearance > Customize : Additional CSS”:
@media (max-width: 768px) { .responsive-ux #navi-header {display: none;} .responsive-ux #navi-trigger { display: block; } .responsive-ux #wrap { z-index: 999;} }Edit the file: /js/custom.theme.js, find line 90:
var switchWidth = 767;
update to:
var switchWidth = 768;Regards!
Bwsm – uiueux.com – Twitter – FacebookMarch 12, 2019 at 9:19 am #17987Thanks, but I don’t know how I can edit that file? I have put the CSS into my theme but I am not sure how to edit /js/custom.theme.js.
March 13, 2019 at 4:20 am #17993Please go to “Appearance > Edit ”
arnold/js/custom.theme.jsMarch 13, 2019 at 6:00 am #17994Thanks, but I do not have this option?
I have a screenshot but I can’t attach it here.March 13, 2019 at 8:27 am #17997Please send to uiueux@gmail.com
You could use FTP to log in website space also.March 14, 2019 at 1:25 am #18003Can you confirm that you received my email?
March 14, 2019 at 1:38 am #18004Hi,
I have worked out how to change arnold/js/custom.theme.js and have edited line 90.
In portrait orientation the hamburger menu is too close to the top of the screen, and in landscape mode it still shows the full menu.
Can you advise how I can fix this?March 14, 2019 at 6:45 am #18008Hi,
Do you want to show hamburger icon in landscape mode?
Please update to for line 90:
var switchWidth = 1024;Please leave your website URL, I will check the “icon too close” issue.
Regards
March 14, 2019 at 7:22 am #18010Hi
That change gave me both a hamburger menu and the regular menu when in tablet landscape mode.This is the URL but our site is under maintenance so you won’t be able to see anything. How else can we fix this?
houndandbone.com.auMarch 14, 2019 at 7:35 am #18011Please use the Custom CSS to hide regular menu.
@media (max-width: 768px) { .responsive-ux .heade-meta, .responsive-ux.navi-show-h.navi-show-h-left .heade-meta, .responsive-ux .header-bar-social { display: none; } }If still not work, tell me what’s device screen size you tested, please.
I need to check the lived page, please send the password to uiueux@gmail.com
-
AuthorPosts
- You must be logged in to reply to this topic.
