# Franklin website not properly formatted, missing elements

**URL:** <https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975>\
**Category:** General Usage\
**Tags:** website\
**Created:** [September 18, 2023, 10:10am UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975 "2023-09-18T10:10:36Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheLateKronos](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thelatekronos/32/12824_2.png) [@TheLateKronos](https://discourse.julialang.org/u/TheLateKronos)\
**Post date:** [September 18, 2023, 10:10am UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/1 "2023-09-18T10:10:37Z")

</div>

Hello everyone. I am hoping to get some help on why my Franklin-made website looks wrong.

I am using [this repo](https://github.com/JuliaPackageComparisons/JuliaPackageComparisons.github.io) to host [this website](https://juliapackagecomparisons.github.io/). I am using the “lanyon” template, which you can check out [here](https://tlienart.github.io/FranklinTemplates.jl/templates/lanyon/index.html). The webpage I am hosting has a number of problems, such as

- The central top link does not have the text it is supposed to
- There is no sliding menu
- The footer is incorrect, and seems to be some generic default
- The “`@def`” statement is not rendered, but shown verbaturm

When I do it locally and `serve()` the site, it looks great. Any idea as for why this is? Am I missing some library that the template requires?

---

<div class="post-metadata">

**Author:** ![luraess](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/luraess/32/16189_2.png) [@luraess](https://discourse.julialang.org/u/luraess)\
**Post date:** [September 18, 2023, 11:15am UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/2 "2023-09-18T11:15:29Z")

</div>

One issue may be that your repo `JuliaPackageComparisons.github.io` should not have any capital letters. See [Creating a GitHub Pages site - GitHub Docs](https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site#creating-a-repository-for-your-site) under bullet point (3). This was an issue for me couple af weeks ago.

---

<div class="post-metadata">

**Author:** ![TheLateKronos](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thelatekronos/32/12824_2.png) [@TheLateKronos](https://discourse.julialang.org/u/TheLateKronos)\
**Post date:** [September 18, 2023, 11:24am UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/3 "2023-09-18T11:24:17Z")

</div>

I changed it, and I can not immediatly see any changes to [https://juliapackagecomparisons.github.io/](https://juliapackagecomparisons.github.io/), other than that the link in the top center has the new capitalization.

---

<div class="post-metadata">

**Author:** ![kdheepak](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kdheepak/32/10881_2.png) [@kdheepak](https://discourse.julialang.org/u/kdheepak)\
**Post date:** [September 18, 2023, 2:49pm UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/4 "2023-09-18T14:49:41Z")

</div>

I think your github pages is rendering those pages automatically with github built-in Jekyll generator instead of using the gh-pages branch (if you right click and view source, you’ll see Jekyll as the generator in one of the HTML tags).

 ![image](https://global.discourse-cdn.com/julialang/original/3X/9/b/9b1257c3d222623ff9d7c774340e75cd7a744e51.png)

There’s an options in the Pages tab on GitHub that you can play around with.

---

<div class="post-metadata">

**Author:** ![luraess](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/luraess/32/16189_2.png) [@luraess](https://discourse.julialang.org/u/luraess)\
**Post date:** [September 18, 2023, 4:02pm UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/5 "2023-09-18T16:02:15Z")

</div>

In the `Settings > Pages` from your GitHub, you should select following options (as the custom Deploy.yml scripts deploy to `gh-pages` branch)

 ![Screenshot 2023-09-18 at 18.01.23](https://global.discourse-cdn.com/julialang/original/3X/a/6/a6cdfd341e08e30a3007a4da1e6ad1a5ee0aaaf7.png)

---

<div class="post-metadata">

**Author:** ![TheLateKronos](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thelatekronos/32/12824_2.png) [@TheLateKronos](https://discourse.julialang.org/u/TheLateKronos)\
**Post date:** [September 18, 2023, 7:19pm UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/6 "2023-09-18T19:19:37Z")

</div>

That fixed it, thanks a bunch!

---

<div class="post-metadata">

**Author:** ![luraess](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/luraess/32/16189_2.png) [@luraess](https://discourse.julialang.org/u/luraess)\
**Post date:** [September 18, 2023, 7:28pm UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/7 "2023-09-18T19:28:55Z")

</div>

Super! Also, you may further fix the meta info in the `config.md` file to better reflect the items proper to your website.

---

<div class="post-metadata">

**Author:** ![TheLateKronos](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thelatekronos/32/12824_2.png) [@TheLateKronos](https://discourse.julialang.org/u/TheLateKronos)\
**Post date:** [September 19, 2023, 4:45am UTC](https://discourse.julialang.org/t/franklin-website-not-properly-formatted-missing-elements/103975/8 "2023-09-19T04:45:58Z")

</div>

Willdo, thank you