Menu style - alignment based on Page/Category
-
Hello all,
I am trying to position my info page on the left side of the menu bar while having the all project categories on the right side. Due to the lay's single menu, i could not achieve this within the customization features. However I have come across a webpage on the showcase, that has a similar menu style - not sure how this was done. Here is the link for your reference; https://hood.network/
Any help on this would greatly appreciated.
Thanks,
Sunil -
Hi Sunil!
Are you familiar with basic CSS?
You can change the CSS in the custom CSS section.
Let me know if you face trouble.
All the best!
Marius
-
Hi marius,
I am familiar with basic CSS/HTML, I tried to inspect and temporarily edit the element in chrome. Also tried to add it to the custom CSS section. But it kept failing, I must be referencing it all wrong. Here the code I added and I'm not if text-align is appropriate here.
/* navigation */
body.slug-info nav.primary a{
text-align: left;
}Here is the link to my webpage for your reference; http://www.sunilvallu.com/
I would like to move the info to the left where projects is currently.
Thanks,
Sunil -
Hi Sunil,
play around with this:
#menu-item-619 { left: 130px; position: fixed; }
Best!
Marius
-
Thanks Marius, it works fine now. just replaced px with %.
I don't answer or check forum DMs, please just post on the forum.
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it