-
AuthorPosts
-
April 1, 2016 at 1:49 pm #606654
Hi there,
please help me in styling sidebar navigation for nested subpages. Below you can see a link to a sample page of my website.
I would like to do the following:
– align the menu left
– the listing points before the menu items should started from left as well, for the pages ranked 3rd
– I would like that the all 3rd order (ranked) pages (like the “ADATVAGYON HASZNOÍTÁS”) visually should belong to its parent (second order, ranked) page. So I need them in a grey box. The same solution like on the second link when the “bemutatkozunk” is in a grey box on the sidebar menu.
To the third link I uploaded an image what I would like. Its just about the layot, all other styles can remain.I did not find a solution in the Enfold dashboard admin.
Could you help me?
Thanks.- This topic was modified 8 years, 7 months ago by kazse.
April 2, 2016 at 2:08 pm #606970Hey kazse!
Thank you for using Enfold.
Please add these css codes in the Quick CSS field:
.sidebar_left.sidebar { text-align: left; } #top .sidebar_left .widget_nav_menu ul ul li:before { left: 0; }
Best regards,
IsmaelApril 3, 2016 at 12:20 pm #607211Thanks a lot, almost good.
I just would like a grey box around the menu items, just like here:Thanks!
April 4, 2016 at 2:29 pm #607612Hey!
not sure what you want to achieve, but try this code for the link in private content:
li.page_item.page-item-711.page_item_has_children.current_page_ancestor.current_page_parent { background: grey; }
Best regards,
AndyApril 5, 2016 at 7:37 am #608097Hello,
i would like the same solution as on the page below.
Thank you.April 5, 2016 at 11:12 am #608180Hi!
I think my code should do it. Try it, let us know and show us the result.
Cheers!
AndyApril 5, 2016 at 7:39 pm #608484Hello,
i tried that of course, check it. The border of the rectangle should lasts till the border of the content.
Thanks!April 6, 2016 at 10:17 am #608782Hi!
then you would need to increase menu’s width:
li.page_item.page-item-711.page_item_has_children.current_page_ancestor.current_page_parent { width: 127%; }
Adjust as needed.
Cheers!
AndyApril 13, 2016 at 8:46 am #612498Sorry for the late answer.
It works, thanks a lot.
Could you please help, how to apply this to all 3rd ranked pages?
Thanks.April 13, 2016 at 6:47 pm #613092Hi!
what do you mean with all 3rd ranked pages? can you explain further what you are trying to achieve please? a mockup showing the result would help a lot.
Cheers!
AndyApril 14, 2016 at 2:18 pm #613905OK.
So when you see the subpages on the link #1 (below) all 3rd ranked pages has this grey box on the left side bar menu.
I would like the same grey box on the left side bar menu on all 3rd rank pages: ‘other links’.I hope this clear. If not I will try to explain differently.
Thanks a lot.April 17, 2016 at 6:16 am #615687 -
AuthorPosts
- You must be logged in to reply to this topic.