[SOLVED] Header and Footer of a Blog Post are not Rendered Correctly after Translation (mulilingual mode)

martignoni · July 13, 2018, 4:14pm

Don’t use .permalink. Use instead something like this, because your CSS files aren’t localized:

moodlebox/hugo-moodlebox-theme/blob/bb2d1965963aa34d6fe293a4d119bf944fefae99/layouts/_default/baseof.html#L36


<link rel="alternate" href="{{ "/index.xml" | absLangURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
{{ partial "hreflang.html" . }}
{{ partial "seo-metadata.html" . }}
<!-- Bootstrap and Font Awesome css -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Custom fonts for this template -->
<link href="{{ "css/font-awesome.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<link href="{{ "css/fonts.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<link href="{{ "css/moodlebox.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{{ "css/custom.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<!-- Animations css  -->
<link href="{{ "css/animate.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<!-- Owl carousel css -->
<link href="{{ "css/owl.carousel.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<link href="{{ "css/owl.theme.min.css" | absURL }}?v={{ now.Unix }}" rel="stylesheet">
<!-- Responsivity for older IE -->
{{- `<!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->` | safeHTML }}

Topic		Replies	Views
Multilanguage - custom landing page and images? support	6	541	September 13, 2022
Misplaced page resources in 0.112 multilingual - a regression? support	5	243	May 28, 2023
Stylesheets aren't being loaded when deploying site support	12	889	August 18, 2019
Some trubles about multilingual mode(404, seo) support	2	241	January 26, 2024
I18n: Option to build complete site despite missing front matter feature	0	606	November 4, 2020

[SOLVED] Header and Footer of a Blog Post are not Rendered Correctly after Translation (mulilingual mode)

Related Topics