CMS Development

Jlawal
Top Contributor

Adding headers to the navigation

SOLVE

Hello,

 

I have tried to add 'Section titles' to the 'Stratus Pillar Page with Left Navigation' theme in the Hubspot Marketplace to no avail. This is the page i'm working on.

 

Does anyone have any suggestions on how i can go about doing this?

 

Kind regards,

 

Jamila

 

0 Upvotes
2 Accepted solutions
Jsum
Solution
Key Advisor

Adding headers to the navigation

SOLVE

Sorry @Jlawal, It was a busy couple of day for me.

 

This template is built using a flexible column. Have you ever put a rich text module in a template, used the template to creat a page, changing the rich text content, then tried change that same content on the template level? it doesn't work. Once you adjust the content of a module and save a page, you can no longer overwrite the content of that module on the template level. 

 

This is the issue you are having, only with the flexible column. You can't add to the flexible column and expect it effect a saved page. Instead what you need to do, and the purpose of flexible columns, is add your modules on the page level. In your editor you will see a plus sign icon on the left (only when a flexible column is present on the page). This icon represents the "add module" interface. There you can find the custom module used for the headers. I added this custom module to the flexible column this way and the heading was added to the menu on the left immediately. This should solve your issue.

View solution in original post

Jsum
Solution
Key Advisor

Adding headers to the navigation

SOLVE

@jason1242000,

 

You are probably looking at your design manager. After you create a tepmlate in your design manager you can create pages from it. When you create a page you are asked to name the page, then pick the template to use, then you are taken to the page editor. On the left side of the screen in the page editor you will see 3 icons (4 if you are using flexible columns) and eye, for previewing the page, a bar graph icon for page optimization, and a cube icon that opens your module interface. These are white icons on darkblue buttons butted up to the left side of the page.

 

Are you using the template that the OP mentioned? You would do all of the editing to your sections in the page editor as well.

View solution in original post

9 Replies 9
Jsum
Key Advisor

Adding headers to the navigation

SOLVE

@Jlawal,

 

How is your menu built? Advanced menu, simple menu, custom code?

 

0 Upvotes
Jlawal
Top Contributor

Adding headers to the navigation

SOLVE

Hello @Jsum,

 

The menu is made up of the headers for each section on the page so will be relevant to each page (We are using the menu for our support site).

 

I am using a template called 'Stratus Pillar Page with Left Navigation' for that function specifically.

 

This is the template layout:Capture.PNG.The custom code in the Left Menu Inner Wrapper group is '<ul class="nav-items"></ul>'.

 

 

0 Upvotes
Jsum
Key Advisor

Adding headers to the navigation

SOLVE

@Jlawal,

 

I had a rough time getting the template installed on my portal. it didn't want to show up under my purchased templates. I finally found a way around it though. When I created a landing page with this template I didn't have any issues.

 

The section titles in the main content area are custom modules. You have to change them in the modules menu on the left side of the screen (the cube icon). You can't click into them and change them on the page. 

 

When I changed the titles of my sections the menu items changed as well. If your menu items aren't changing when you change your content titles then you may need to uninstall and reinstall the template. If you aren't able to change the titles in the main content area then you should make sure that you can't change them in the module menu.

0 Upvotes
jason1242000
Participant

Adding headers to the navigation

SOLVE

H @Jsumi,

 

Im new to hubspot and I am not sure how to edit the section titles. I do not understand what you mean by the modules menu on the left side of the screen (the cube icon). Can you specifiy that?

 

Thanks.

0 Upvotes
Jsum
Solution
Key Advisor

Adding headers to the navigation

SOLVE

@jason1242000,

 

You are probably looking at your design manager. After you create a tepmlate in your design manager you can create pages from it. When you create a page you are asked to name the page, then pick the template to use, then you are taken to the page editor. On the left side of the screen in the page editor you will see 3 icons (4 if you are using flexible columns) and eye, for previewing the page, a bar graph icon for page optimization, and a cube icon that opens your module interface. These are white icons on darkblue buttons butted up to the left side of the page.

 

Are you using the template that the OP mentioned? You would do all of the editing to your sections in the page editor as well.

jason1242000
Participant

Adding headers to the navigation

SOLVE

@Jsum,

 

That was exactly it.

 

Thank you!

0 Upvotes
Jlawal
Top Contributor

Adding headers to the navigation

SOLVE

@Jsum

 

Yes that is to amend the current section titles. I am trying to add new section titles. When i add the modules they are visible in the template layout but then do not appear on the page.

 

I have since noticed that when i try to delete the modules they remain on the page also.

0 Upvotes
Jsum
Solution
Key Advisor

Adding headers to the navigation

SOLVE

Sorry @Jlawal, It was a busy couple of day for me.

 

This template is built using a flexible column. Have you ever put a rich text module in a template, used the template to creat a page, changing the rich text content, then tried change that same content on the template level? it doesn't work. Once you adjust the content of a module and save a page, you can no longer overwrite the content of that module on the template level. 

 

This is the issue you are having, only with the flexible column. You can't add to the flexible column and expect it effect a saved page. Instead what you need to do, and the purpose of flexible columns, is add your modules on the page level. In your editor you will see a plus sign icon on the left (only when a flexible column is present on the page). This icon represents the "add module" interface. There you can find the custom module used for the headers. I added this custom module to the flexible column this way and the heading was added to the menu on the left immediately. This should solve your issue.

Jlawal
Top Contributor

Adding headers to the navigation

SOLVE

Thank you @Jsum 

0 Upvotes