Wanted to ask if it would be possible to add an option 'Back to product overview' in a sub-menu please? I attach a screenshot. The sub-menu on the top shows how it's now. In bottom - how I would like it to be. Three pages link to the same page with options, so I can't add it manually a link, as it needs to go back.
You can add the first menu item in the submenu page element and use css below to style it :
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):
Could I ask you once again to help with a sub-menu please? On this page - https://ranebrook.co.uk/stag1ng/frequently-asked-questions/ the first sub-menu item should work just as a name and do not link anywhere. I didn't add a link there, but still when you bring a mouse to this word it displays as a link not a simple text (the mouse arrow changes to a hand).
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):
body .page-submenu li a[href="#"] {
pointer-events: none !important;
}
Hello
Wanted to ask if it would be possible to add an option 'Back to product overview' in a sub-menu please? I attach a screenshot. The sub-menu on the top shows how it's now. In bottom - how I would like it to be. Three pages link to the same page with options, so I can't add it manually a link, as it needs to go back.
Hey Again,
You can add the first menu item in the submenu page element and use css below to style it :
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):
.page-submenu[data-alignment="left"] .full-width-section ul li:first-child { background: #999; padding: 0 40px; position: relative; transform: translateX(-100%); } .page-submenu[data-alignment="left"] .full-width-section ul li:first-child a:before { content: "\f053"; font-family: FontAwesome; padding: 10px; font-size: 12px; }Thanks
ThemeNectar Support Team
It worked, but the grey section moved a bit to far on the left. If I remove the
then I have a blue space before the grey.
I tried it on a different page, you can see it here - https://ranebrook.co.uk/stag1ng/timber-windows/flush-casement-window/window-options/
Use this revised css and check.
body[data-ext-responsive="true"] .container .page-submenu > .full-width-section .container:not(.tab-container):not(.recent-post-container):not(.normal-container) { padding: 0 !important; max-width: 100% !important; } .page-submenu[data-alignment="left"] .full-width-section ul li:first-child { background: #999; padding: 0 40px; position: relative; } .page-submenu[data-alignment="left"] .full-width-section ul li:first-child a:before { content: "\f053"; font-family: FontAwesome; padding: 10px; font-size: 12px; }Thanks
ThemeNectar Support Team
Thank you, it worked perfectly
Could I ask you once again to help with a sub-menu please? On this page - https://ranebrook.co.uk/stag1ng/frequently-asked-questions/ the first sub-menu item should work just as a name and do not link anywhere. I didn't add a link there, but still when you bring a mouse to this word it displays as a link not a simple text (the mouse arrow changes to a hand).
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):
body .page-submenu li a[href="#"] { pointer-events: none !important; }Thanks
ThemeNectar Support Team
Thank you, it worked perfectly