October 11, 2018 at 6:32 am #1020186
I have two questions…
- How do I made the full width divider into a dotted line?
- Is it possible to hide the top bar menu on the mobile version and have those menu links appear in the burger menu?
Thanks for your help :)
October 11, 2018 at 6:21 pm #1020431
- This topic was modified 1 year, 1 month ago by Orla. Reason: Adding some private content to the post
Please provide a link to the site/page in question so we can look into this issue further?
Jordan ShannonOctober 12, 2018 at 7:15 am #1020627
The full width divider is half way down my homepage.
Id’ like it to constrain to the column width and also change the style so it’s a dotted line and not a solid one.
The top menu (black background), I’d like to hide that on the mobile version but also have it appear in the main menu?
Thanks again.October 14, 2018 at 5:03 pm #1021245
To custom style the separator element please check https://kriesi.at/documentation/enfold/separator-whitespace/#custom-separator-styles
To hide the topbar in mobile please check https://kriesi.at/documentation/enfold/menu/#top-bar-menu
To display the topbar menu in mobile menu you have to first create the duplicate menu items in min menu and hide it in desktop.
Please follow the steps mentioned in https://kriesi.at/documentation/enfold/menu/#burgermobile-menu > Burger/Mobile menu links > Show/hide menu items in mobile
VinayOctober 18, 2018 at 6:50 am #1023169
Thanks for the guidance.
When I used the separator CSS it changes all the separators (see below)
I want to just style the full width divider? How can I do that?
I followed the steps in for the menus and I was able to hide the top bar menu however I need to do the opposite of ‘Show/hide menu items in mobile’. As I want all the menu items to appear in the mobile menu and just some on the desktop. So how do I show/hide menu items in desktop? Is that possible?
October 19, 2018 at 12:35 pm #1023897
- This reply was modified 1 year, 1 month ago by Orla. Reason: Fixing typos
https://cl.ly/e574f513312e I do not see the separator that you show on the screenshot above. Did you manage to get it working for you?
VictoriaOctober 22, 2018 at 7:57 am #1024727
No I didn’t I just removed the CSS that made it look that way, I still need help on how to style the divider.
I also still need help with the question about the menu…
I followed the steps in for the menus and I was able to hide the top bar menu however I need to do the opposite of ‘Show/hide menu items in mobile’. As I want all the menu items to appear in the mobile menu and just some on the desktop. So how do I show/hide menu items in desktop? Is that possible?October 24, 2018 at 2:26 pm #1025901
Could you please attach a mockup of what you’re trying to achieve?
Do you mean you want to keep the menu on mobile, not turn it to the burger?
VictoriaNovember 6, 2018 at 11:53 am #1030346
It was more something that I wanted to do in the theme and menu settings.
If I make three menus 01, 02 & 03.
Is it possible to have Menu 01 & Menu 02 enabled for the desktop.
Then menu 03 enabled for smartphone?
I hope that’s a bit clearer,
Orla.November 9, 2018 at 3:06 am #1031480
You can now set an Alternate Menu for Mobile. You should see that option in the Enfold > Main Menu > General panel if the site is running on Enfold v4.5.
IsmaelNovember 19, 2018 at 12:59 pm #1035159November 19, 2018 at 6:11 pm #1035236
Did you need additional help on this topic or shall we close?
Jordan ShannonNovember 20, 2018 at 3:59 am #1035389November 20, 2018 at 8:26 am #1035470
The topic ‘Dotted divider line and burger menu’ is closed to new replies.