Show category name as page title on category pages

Hi, thanks for getting in touch.

Please, find a function to remove the archive title prefix at the end of the following page: https://siteorigin.com/vantage-documentation/advanced-customizations/. The function can be added using the Code Snippets plugin. Once the function has been added via Code Snippets you can remove the Custom CSS that’s hiding the archive title.

Thanks for your swift response, Andrew. I have added the archive title prefix function with Code Snippets and activated it, but category titles are still not showing. Do I need to add some CSS in the Customizer as well?

It’s my pleasure.

You’ll need to remove your Custom CSS hiding the archive title.

Got it! I’ve no idea why I had that code in my additional css! The categories are now showing as titles. Many thanks for you help. Just one more question, please: Will the category page titles now inherit the styling of my page headings or do I need to style them separately with additional css?

Glad to hear you’re making progress.

The archive title should respond to the Appearance > Customize > Theme Design > Heading Font settings. Custom CSS can be used to make further adjustments. If you’re using SiteOrigin CSS you can click on the eye icon to enter the visual editor, click on the magnifying glass icon to disable the inspector and then use your site links to navigate to an archive page before clicking the magnifying glass icon again to reactivate the inspector panel.

Great. I should be able to make progress now. Thanks for getting me moving again!

I’m glad we could assist.

All the best with your site ??

Ps One other thing, if I may, please: Why does the menu bar on my site extend beyond the limit of the boxed layout? (I know I should probably start a new thread for this, but since we’re in touch I thought I’d ask it here)

In its default form the boxed layout site content and page background colors would be different. The menu bar would have a solid background.

You can try adding the following to your existing .main-navigation rule in your Custom CSS:

margin: 0 auto;
max-width: 1030px;

Due to resource limitations, we aren’t normally able to assist with Custom CSS adjustments within our free scope. Thanks ??

Many thanks Andrew! I’m very grateful for your help, and I apologize for abusing the free service.

No worries at all! In your Custom CSS, you have a /* Vantage Menu Border */ comment. In the rule below that, try adding the declarations:

max-width: 1030px;
margin-right: auto;
margin-left: auto;

Thanks! That did it.

Glad that helped! Cheers.