Canvas Navigation add more element , change single font color for title and add in social media logo for bottom

[popiah]

hi! i’m use Navigation Collapsed for my menu.

Question

1. i would like to add some menu title with different color . size and italic font. “i only success on changing font size using css”

2. i would like to add social media link… “logo” on the bottom of the collapsed menu.

how should i do it?

pls advice… thanks.

[paul.r]

Hi,

1. You can add a class to your menu item.

Then use it in your css to change color, font size and font style.

Add this in Theme Options > CSS

.about {
      color:red;
      font-size:18px;
     font-style:italic;
}

2. You can add it as a custom link menu item.

Put this in navigation label

<img src="facebook.png">

Change facebook.png with the url of your social icon.

and add your social link in the url.

Hope that helps.

[popiah]

hi! paul… thank for helping up… i try this before…
but it doesn’t affect with the color and italic…
only the font-size & margin works…

[christopher]

Hi there,

Please kindly get back to us with the detailed steps you take to change the font color with screenshots.

Then kindly get back to us with the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Also, give us the name of the Header you use in the Header Builder.

Thank you.

[popiah]

Hi! Chris, merry Christmas.

secure note have been created.

Header New with global setting. (i can’t change the name of it once created the template)
then click css on the left side.

secure note have created.

and the second question.
facebook.png is successful adding but its row… how to make it looks like this?

Thank you for helping…

[christopher]

Hi there,

I went to your website and added a class name of about-canvas to the about a menu item. Then I went to Pro > Launch > Theme Options > CSS and added CSS code below and the colors changed and text is italic:

.hm3.x-menu > li.about-canvas > .x-anchor .x-anchor-text-primary {
    color: #ff00ff;
    font-style: italic;
}

Kindly open up a separate thread for additional questions so that we can focus on the problem better and give you the proper answer and avoid having a long and hard to maintain the thread.

Thank you for your understanding and Merry Christmas

[popiah]

-.-

[christian]

It looks like you removed the class added by @christopher.amirian. I added it again and it works.

Not sure what you mean by “no red”. I see you’ve set a different color from what was given previously.

Thanks.

[popiah]

yes christian… sorry for my mistake… yup did it… now… thanks…

[christian]

No worries. You’re welcome.