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 %.