Each CMS behaves in its own way. When working with a theme it's really
useful to know the essentials on building a website, web design, creating
pages, using images, videos, and so on.
Modularized, Updated 09/18/2023
Available at the HubSpot Marketplace
Our Modularized Theme includes customizable and a responsive template, together with different types of Modules, Landing Pages, Error pages, Thank you pages, Blogs, and much more.
The Header is one of the most important parts of the website. If you go to edit
the Homepage or any other Website page, you will see the option to edit the Global Header section, or by clicking on the Header a global content editor will pop up - as you can see below:
In the Global header section, you will be able to click the logo, and you will see the sidebar options to edit it, as you can see below:
Once you finish with the logo, let’s continue with the Menu Links. All the menu links are managed on the Navigation section within the Website settings on HubSpot, so it’s very likely you are already familiar with how to edit them.
If not, don’t worry, go to Settings > Website > Navigation. The screen will look something like this:
In the header section, there's a search bar. If you don’t need the search bar there is an option to hide it. Please check the below images for reference.
Alternatively you can go to Settings > Website > Navigation. The screen will look like this:
Editing the Footer is pretty much the same process as the Header. In order to edit the Global Footer section, you need to edit any Website page, scroll to the bottom, and you will find the footer.
Click Edit Module, and you will be redirected to the screen to start editing the footer:
Once you are in the Footer editor, click the Footer logo, and you will be able to edit it and upload your company logo.
Just like on the header, we recommend you to upload the logo as SVG format (Scalable Vector Graphics) as it will be super light and look perfectly sharp on every device. However, if you don’t have a vector version of your logo, a PNG or JPG will work great too.
Regarding the Footer links, you will notice these are slightly different from the ones in the Header. Each section has different menus. By clicking on the corresponding menu you can change the link and text, which is the same as in the Header menu. See the screenshots below for Footer menu examples:
Landin page Footer
Blog suggested listings
blog overview listing
Blog Post Header
Forms and Buttons
Bottom CTA banner
Email subscriptions confirmation
By the numbers
introduction hero banner
Clients Review Cards
4 Tile Cards
Services Tiles Organizer
Six key points>
2 Column Layout
Client logo carousel
logo carousel slider