[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
Style.css in multilingual mode support	6	1196	September 12, 2019
Multilanguage Page with two domains support	1	93	November 28, 2024
Seek help with multilingual support support i18n	4	201	October 28, 2024
Still problems with 404.html support	2	506	March 9, 2020
[SOLVED] Multilingual Site not returning correct URL support	6	726	May 31, 2018

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

Related topics