How to increase font-size of header menu on portal page

[kiranped]

How to increase header menu font size ?

[Mujtaba Amin Bh]

Open the index page in page editor.

Click on index element.

Write below code in Page Specific CSS:

#sp-nav-bar{
   font-size:10px
}

You can do the same for other pages as well.

[kiranped]

Hi Mujtaba,

Thanks for the reply. Below is my portal page when i click on Header Menu widget, unable to edit CSS / HTML

When i click on Instance1 , i am able to add to css. adding below to css not working

1. #sp-nav-bar{  
2.   font-size:14px  
3. }  

[vishalmistry]

Hi Kiran,

You actually need to click on the node that says 'portal_page', the first one on the left. I did that and it worked for me. (Please see my other comment below where I added the code to the header Widget)

Thanks,

Vishal

[murthys]

Hi Vishal,

I tried updating the css for the 'portal_page', however it provides with change in size only for top text. I need to change the text size for Header Menu. See screenshot below.

Regards,

Murthy