Footer icon doesn't show on blog page or blog posts

[hrokr]

Describe the bug
I changed the footer logo, making the favicon and footer the same. Branding is disabled. Prior to adding any sort of content, everything displayed correctly. After adding in blog posts, the footer only displays alt text of the footer logo as below. This is additionally true for all the blog posts.

Expected behavior
Mostly, I'd expect the footer code to be used throughout but it doesn't seem to. And the way I can best show this is with screenshots. The top image is the footer from the main page; the bottom is from the blog section and every blog post.

Barring uniformity, I'd think some sort of documentation to indicate specifically where and how to make changes. I think a lot of this concerns how the blog section seems completely separate from the rest of the site as pretty much every single issue I've raised has to do with the blog section.

Screenshots

Main page

All pages related to blogs

Desktop (please complete the following information):

• OS: iOS
• Browser Firefox, Vivaldi
• Version 129

[robert-viquez]

Hi @hrokr -

Could you please share your config.yaml/toml file? It would be helpful if you could provide details of the params section in your config file, as well as the contents of your static folder in the root directory. This might help in figuring out the issue.

Thank you!

[hrokr]

OK, thanks. This should be it all. But I think it's pretty close to generic. But if there is anything I've missed, let me know.

The params section of the hugo.yaml:

params:
  title: "In The Data Stream"
  description: Blog & projects
  # staticPath: ""  # The path to serve the static files from
  favicon: images/site/fav.png #shows in the browser tab

  # Whether to serve bootstrap css and js files from CDN or not. Can be set to true, "css" or "js" to choose between
  # serving both, only the css, or only the js files through the CDN. Any other value will make so that CDN is not used.
  # Note the lack of "" in true, it should be of boolean type.
  useBootstrapCDN: false

  # If you want to load dynamically responsive images from Cloudinary
  # This requires your images to be uploaded + hosted on Cloudinary
  # Uncomment and change YOUR_CLOUD_NAME to the Cloud Name in your Cloudinary console
  # cloudinary_cloud_name: "YOUR_CLOUD_NAME"
  
  # Whether to add mathjax support on all pages. Alternatively, you can opt-in per page by adding `mathjax: true` in the frontmatter.
  mathjax: true

  # Whether the fade animations on the home page will be enabled
  animate: true

  theme:
    # disableThemeToggle: true
    # defaultTheme: "light" # dark

  font:
    fontSize: 1.2 # default: 1rem
    fontWeight: 100 # default: 400  # I can't tell what this effects
    lineHeight: 1.5 # default: 1.5  # Visiable in the project cards
    textAlign: left # default: left # All text 

      #color preference
  color:
    textColor: "#002b36" # heavily used 
    secondaryTextColor: "#d336282" # section headings 
    backgroundColor: "#eee8d5" # main background color
    secondaryBackgroundColor: "#eee8d5"
    primaryColor: "#d2aa4a"  #goldish - modded
    secondaryColor: "#93a1a1" # light gray- achievement card background
    
    darkmode:
      textColor: "#93a1a1" # heavily used 
      secondaryTextColor: "#d336282" # section headings 
      backgroundColor: "#002b36" # main background color 
      secondaryBackgroundColor: "#002b36"
      primaryColor: "#d2aa4a"  #goldish - modded
      secondaryColor: "#182c35" #slate gray - achievement card background
  
  # If you want to customize the menu, you can change it here
  navbar:
    align: ms-auto # Left: ms-auto | center: mx-auto | right: me-auto | Default: ms-auto
    brandLogo: fav.png # Logo for the brand | default is the favicon variable
    showBrandLogo: false # Show brand logo in nav bar (not footer or blog)| default is true
    brandName: "InTheDataStream" # Brand name for the brand | default is the title variable
    disableSearch: false
    searchPlaceholder: "Search"
    stickyNavBar:
      enable : true
      showOnScrollUp : false

  # The menus section below controls if the title/link shows in the header.
  # The order of the menus section items is controlled by layouts/partials/sections/header.html
  # The order of the actual sections is controlled by index.html
    menus:
      disableAbout: true
      disableProjects: false
      disableAchievements: false
      disableExperience: true
      disableEducation: false
      disableContact: false

Static folder:
images

./images:
achievements
projects
site

./images/achievements:
Microsoft-Certified-Associate.png
azure-AI-eng.png
azure-data-scientist.png
eff-xg-3d.png

./images/projects:
Jedi_advisor_1.jpg
Quakes_23_11_05.png
diamonds.png
heartbeat2.png
pirates.png
sun.png

./images/site:
404.png
fav.png
me.png

[robert-viquez]

Hi -

favicon: images/site/fav.png #shows in the browser tab

Have you tried wrapping the favicon path in double quotes?

favicon: "images/site/fav.png" # shows in the browser tab

[hrokr]

That didn't have an effect. One thing I noticed before is the site's main page tab is {favicon site name} with no pipe between.

but the blog is {posts | sitename} but I don't know if this is related.

My sense is it isn't related -- mostly -- as the demo site shows something similar
{hugo logo} Blogs | Hugo profile. But not displaying the icon at the top certainly fits with it not displaying at the bottom. The footer should be the same for all the pages but perhaps not.