Thanks for all the help so far. This is with regards to the mobile navigation menu. The first menu item (About) has two submenu items, but the arrow to hit these items is so close to the cross to close the menu that 9 out of 10 times I end up shutting the menu instead of accessing the submenu items.
It was previously set on the other format, where tapping the main menu item would lead to the submenu item, but this doesn't work, since when someone clicks on 'About' I want them to see the about page. The other way they only have the option to select one of the two submenu items.
Can you help me maybe lower the position of the mobile menu, so that the submenu dropdown arrow does not coincide with the cross to close the menu?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Thank you, that seems to have made a decent enough gap to not let there be an accidental tap.
One last question about the header menu on mobile. On desktop devices, the header is transparent, and the image slider on the home page is visible through it. How can I make it behave the same way on mobile also? Currently it shows as a white band on top, and doesn't look that great.
Thanks again for your prompt assistance every time.
Hi,
Thanks for all the help so far. This is with regards to the mobile navigation menu. The first menu item (About) has two submenu items, but the arrow to hit these items is so close to the cross to close the menu that 9 out of 10 times I end up shutting the menu instead of accessing the submenu items.
It was previously set on the other format, where tapping the main menu item would lead to the submenu item, but this doesn't work, since when someone clicks on 'About' I want them to see the about page. The other way they only have the option to select one of the two submenu items.
Can you help me maybe lower the position of the mobile menu, so that the submenu dropdown arrow does not coincide with the cross to close the menu?
Thank you.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#slide-out-widget-area .inner >div:first-of-type { margin-top: 13px !important; }Thanks
ThemeNectar Support Team
Thank you, that seems to have made a decent enough gap to not let there be an accidental tap.
One last question about the header menu on mobile. On desktop devices, the header is transparent, and the image slider on the home page is visible through it. How can I make it behave the same way on mobile also? Currently it shows as a white band on top, and doesn't look that great.
Thanks again for your prompt assistance every time.
Try using the "Header Permanent Transparent" Option : http://prntscr.com/gyj1t2 .
Best
ThemeNectar Support Team