CMS Development

joshdev99
Mitglied

Navigation Bar from scratch

lösung

Hello guys I am new in HubL CMS development. I want to build a navbar from scratch but when I try to, css styles wont apply. I am using the Hubspot boilerplate. Thanks

0 Upvotes
1 Akzeptierte Lösung
Anton
Lösung
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

Navigation Bar from scratch

lösung

Hi @joshdev99

 

if you want to build an own nav-bar:
- create a new HTML file(if you want as global-partial but in this case it shouldn't be necessary)

- work with the grid system(HubSpot still uses Bootstrap 2 by default) you'd like to create the layout you want. If you want to work with something else e.g Bootstrap4 modify the base.html file
- use the menu module and other modules to create the desired menu. Info: Mega-menus are a **bleep** of a custom job and this is something that needs a lot of custom work. If you want to create a mega-menu I recommend you to create a custom module for this - it's definitly not an easy job. @dennisedson: idea 😁

- add your classes to the HTML file

- create a new CSS file with all of your stylings(or write them - for test purposes - directly into the theme-override.css)

- add the CSS file into the main.css file or after the main.css and theme-override.css in the base.html

 

 

Hope this helps, 

 

best, 

Anton

 


@dennisedson - not half bad at this HubSpot dev stuff...😶 thank you. Rather tell me how i can use giphy in the community 😎

Anton Bujanowski Signature

Lösung in ursprünglichem Beitrag anzeigen

2 Antworten
dennisedson
HubSpot-Produktteam
HubSpot-Produktteam

Navigation Bar from scratch

lösung

Hey @joshdev99 !

Might need to add some code so we can see what you are up to.  Because I yelled at @Anton for another post you did, I will yell at him again 😀

He is not half bad at this HubSpot development stuff

Anton
Lösung
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

Navigation Bar from scratch

lösung

Hi @joshdev99

 

if you want to build an own nav-bar:
- create a new HTML file(if you want as global-partial but in this case it shouldn't be necessary)

- work with the grid system(HubSpot still uses Bootstrap 2 by default) you'd like to create the layout you want. If you want to work with something else e.g Bootstrap4 modify the base.html file
- use the menu module and other modules to create the desired menu. Info: Mega-menus are a **bleep** of a custom job and this is something that needs a lot of custom work. If you want to create a mega-menu I recommend you to create a custom module for this - it's definitly not an easy job. @dennisedson: idea 😁

- add your classes to the HTML file

- create a new CSS file with all of your stylings(or write them - for test purposes - directly into the theme-override.css)

- add the CSS file into the main.css file or after the main.css and theme-override.css in the base.html

 

 

Hope this helps, 

 

best, 

Anton

 


@dennisedson - not half bad at this HubSpot dev stuff...😶 thank you. Rather tell me how i can use giphy in the community 😎

Anton Bujanowski Signature