Menu style - alignment based on Page/Category

[sunil]

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

[mariusjopen]

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

[sunil]

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

[mariusjopen]

Hi Sunil,

play around with this:

#menu-item-619 {
    left: 130px;
    position: fixed;
}

Best!

Marius

[sunil]

Thanks Marius, it works fine now. just replaced px with %.