I tested my website locally, it works fine. After I publish it to git pages, the browser prompts "unsafe scripts." I allow the unsafe script to run, but the website seems ugly too. Seems CSS are blocked.

My website: https://yaozzzhao.github.io/moreseeds_mh/
code: https://github.com/yaozzzhao/moreseeds_mh

Would you please take a look? Thanks!

I added the .yml file for the portfolio section.

portfolio.yml and added the content from the example yaml in data in this repo.

The section will not build and hugo server no longer builds.

The error I get is:

ERROR 2019/05/09 12:57:10 "/volumes/code/web-development-consulting/adelyte/data/portfolio.yml:2:1": failed to unmarshal YAML: yaml: line 2: found a tab character that violates indentation

Error: Error building site: "/volumes/code/web-development-consulting/adelyte/data/portfolio.yml:2:1": failed to unmarshal YAML: yaml: line 2: mapping values are not allowed in this context

Hi, is there a way to change the background color of the blog posts using css? I see references to the single blog page and blog posts in the css, but I can't seem to change the background without changing the body background color.

When using the navigation menu to scroll to About Us, Services, or Portfolio / Our Works it scrolls to the sections but cuts off the top of the words from scrolling a bit too far down. Examples below:

Also, because of the images in Our Works collapsing and expanding, the scroll via the navigation menu to Team does not scroll appropriately. It does go that section when the menu is open but gets pushed down as the images expand when closing the menu. This affects all sections below the Portfolio / Our Works section. After testing on my android, it appears this happens in the Firefox dev tools mobile view and not my phone. It appears that the Chrome Dev Tools for mobile doesn't have this issue either.

Example below:

Menu open:

Menu closed:

Also, after the navigation menu is opened, clicking outside of it does not close the menu. UX suffers from this. Tapping outside of the navigation menu on the page should close the menu, too.

Hello @Somrat37

In the latest deploy of Hugo themes there is the following warning:

2:16:55 AM: Mixed content detected in: /meghna-hugo/index.html
2:16:55 AM: --> insecure img urls:
2:16:55 AM:   - http://img.youtube.com/vi/DbZKmZIPBLg/0.jpg

Please change the protocol used in the above link to https.
Always use https when serving external assets in a theme demo.

Once you fix this, feel free to close this issue.

output of

hugo server

ERROR timestamp Current theme does not support Hugo version 0.40.1. Minimum version required is 0.55
Building sites … ERROR 2019/11/11 12:53:37 Failed to add template "theme/partials/footer.html" in path "/home/.../website/themes/meghna-hugo/layouts/partials/footer.html": template: theme/partials/footer.html:51: function "resources" not defined
ERROR timestamp Failed to add template "theme/partials/head.html" in path "/home/.../website/themes/meghna-hugo/layouts/partials/head.html": template: theme/partials/head.html:8: function "hugo" not defined
ERROR timestamp theme/partials/footer.html : template: theme/partials/footer.html:51: function "resources" not defined
ERROR timestamp theme/partials/head.html : template: theme/partials/head.html:8: function "hugo" not defined
ERROR timestamp Error while rendering "taxonomyTerm" in "": template: /home/.../website/themes/meghna-hugo/layouts/_default/list.html:3:8: executing "/home/.../website/themes/meghna-hugo/layouts/_default/list.html" at <partial "head.html" ...>: error calling partial: template: "theme/partials/head.html" is an incomplete or empty template
ERROR timestamp Error while rendering "home" in "": template: /home/.../website/themes/meghna-hugo/layouts/index.html:3:8: executing "/home/.../website/themes/meghna-hugo/layouts/index.html" at <partial "head.html" ...>: error calling partial: template: "theme/partials/head.html" is an incomplete or empty template
Total in 84 ms
Error: Error building site: logged 5 error(s)

Using other themes does not result in this error

Hello there,

I plan to use this theme in multiple languages (as per https://gohugo.io/content-management/multilingual/ ). Is the theme ready, or are there any manual work I need to do to enable multi language for the theme?

Thanks.

Hi,
It seems like the custom css feature that was implemented in commit 8c527d6 is now broken. My guess is that it's due to the head.html file which doesn't include the custom stylesheet anymore; however, I'm unable to come up with a fix right now. Mind looking at it?
Thanks!

Though it's a good use of MixItUp 3 in this theme, its redistribution in a free theme seems to be in violation of its licensing terms.

Excerpt from their licensing site:

Can I distribute MixItUp in a free plugin or theme?

No. The legal complexities of distributing software with a proprietary license such as MixItUp in free third-party software make this kind of use extremely difficult. Allowing it would lead to many users bypassing our licensing (unknowingly or otherwise), and as such we no longer permit distribution of MixItUp in free plugins or themes. You may distribute MixItUp in commercial plugins and themes, but a Reseller license is required.
If you were distributing MixItUp 2 in any free theme, template or plugin launched before December 10th 2016, you may continue to do so. Use of MixItUp 3 however, or any version of MixItUp in a product released on or after December 10th 2016 must adhere to the policies set out by our current licenses.

Hello guys, thank you for your great work! If I use Meghna theme and want to create another blog-like section - e.g. Tutorials, how do I do it?
I copied blog section partial and inserted it into the page. I managed to give it a new name - Tutorials - but it still shows articles from /content/blog folder. How to configure it to show articles from /content/posts or /content/tutorials section?

I stumbled upon this theme while deciding a theme for my hugo site and I liked it very much. However, I kind of want to put an embedded video on the website. As of yet, I haven’t figured out how I can do this.

Can someone explain/help me out here?

This is way too hasty and incomplete (navigation still WIP and in a different file), but here's a pass at Bootstrap 3 to 4 update, in case it helps anyone else: loriab@47edbdc .

Hi,
After implementing the blog functionality when I open a blog post it is not rendered correctly, since in the Chrome debugger it says clearly that the js and css files are not visible. On your demo version is functioning good but in the case of this there is this issue.
I attached the screenshot from the code and the Chrome debugger.
I can see that hugo attaches the whole path of the blog post to the URL and therefore it cannot find the files. But on your demo version is just attaching the name of the post.
Locally on the hugo server in localhost is functioning well.

I have been unable to change the background images of my site using this theme, even by adding my images to the same folder and using the same name as used in the toml file.

I used hero-area.jpg and placed it in theme>static>images>slider.

Same issue with the "about us" background images by placing them in theme>static>images>backgrounds and naming my image bg-1.jpg

• hugo 0.51
  I find the theme can not view in the mobile.also the demo in official demo.

Thanks for your work! perfect theme!

the blog section is not displaying anymore the part related to the blog but showing now all the pages

Hi, I'm trying to include tags. I add something like tags:["tagA"] in frontmatter for a post but nothing is showing up? Would you happen to know why? Thanks a lot.

I am using the contact.yml file you guys provided under data in the initial release, however, I switched enable_maps : false to enable_maps : true but only the contact form is rendering.

ideas?

I love your theme, but on the latest posts section, with my own posts, the boxes are not the same height, it seems that more texts is allowed in the excerpts for some posts compared to others creating the imbalance. How can I fix it? See screenshot below

Hey,
I was wondering where the simple-slider-post.md is in the example site.
I cannot figure out how to write a "gallery" blog post with the slick slider on top as it is happening in the hosted example site.
Cheers

Hi there, complete documentation link leads to the page not found 404 error, please check it and fix it asap
Thank you

Hi, if I want to change the icons in the theme, how can I do that?

I found this part in the code: /Users/liviak/Library/Containers/com.apple.mail/Data/Library/Mail Downloads/C8FBF1E8-0441-46F0-B236-A1E22420C9F8/PastedGraphic-1.png

/Users/liviak/Library/Containers/com.apple.mail/Data/Library/Mail Downloads/7FD3248C-9391-4347-AE64-0F38569AC40D/PastedGraphic-2.png

Hi, I love this theme, but I'm struggling to implement a multilingual functionality. I was able to easily do it for the blog posts (using Hugo documentation), however I'm running into errors every time I try to translate the data pages and link them to the layouts. I have also looked at your "navigator" theme for some clues but without success unfortunately. Could you give me some pointers?
Thanks a lot.

Currently, the scheme has a 'blue' feel to it. Is there a way to change it to the desired color possibly with a one-liner instead of going through the CSS files and manually looking through for class names to focus on?

I need to lay out pricing section for multiple products.

To accomplish that - do I need to create a new partial pricing2.html, pricing2.yml and .pricing2 classes in .css or is it possible to modify the layout of the existing pricing partial to call more than one table?

If so, how do I assign the proper values to the added cards?

Thank you!

I have coded up some PHP to get the contact form to work, however, the javascript doesn't seem to grab the returned value from PHP. I am not sure if I am using the right parsing of the returned value. I am happy for the PHP code to be included with the theme.

The PHP sends an email properly with the values from the form, but then it displays a blank page with sent.
I have tried a few different things using json_encode(), echoing and using return, but nothing seems to return the result that the javascript is waiting for to trigger the #mail-success action.

Here are the additions/modifications I made to get the sending working:

1. slight modification to `static/js/script.js (line 150-2) to get some debugging:

			$.post("php/mailer.php", $("#contact-form").serialize(), function (result) {
				//log the result from the script
				console.log(result);

I am not getting any console output for the console.log(result);. There are no server-side PHP errors.

2. slight change from line 28 of layouts/partials/contact.html to call correct script and for the spam honeypot (which works by tricking spam scripts to enter the email field but not the email_real field (it's surprisingly effective at stopping spam!):

            {{"<!-- Contact Form -->" | safeHTML}}
            <div class="contact-form col-md-6 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
                <form id="contact-form" method="post" action="php/mailer.php" role="form">

                    <div class="form-group">
                        <input type="text" placeholder="Your Name" class="form-control" name="name" id="name">
                    </div>

                    <div class="form-group">
                        <input type="text" name="email" style="display: none;">
                        <input type="text" placeholder="Your Email" class="form-control" name="email_real" id="email">
                    </div>

3. added phpmailer folder to static/php/, includes Exception.php, PHPMailer.php, SMTP.php.

4. addition of `static/php/mailer.php (emails/passwords redacted):

<?php

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'phpmailer/Exception.php';
require 'phpmailer/PHPMailer.php';
require 'phpmailer/SMTP.php';

  //$mail->SMTPDebug  = 2;

  // this should catch a lot of spam bots
  $honeypot = trim($_POST["email"]);

  if(!empty($honeypot)) {
    echo "BAD ROBOT!";
    exit;
  }

  $msg = '';
  //Don't run this unless we're handling a form submission
  if (array_key_exists('email', $_POST)) {
    date_default_timezone_set('Etc/UTC');
    $mail = new PHPMailer;
    //Tell PHPMailer to use SMTP - requires a local mail server
    //Faster and safer than using mail()
    $mail->isSMTP();                                      // Set mailer to use SMTP
    $mail->Host = 'smtp.server.net';                    // Specify main and backup SMTP servers
    $mail->SMTPAuth = true;                               // Enable SMTP authentication
    $mail->Username = '[email protected]';              // SMTP username
    $mail->Password = 'mailerPASSWord';                     // SMTP password
    $mail->SMTPSecure = 'tls';                            // Enable TLS encryption, `ssl` also accepted
    $mail->Port = 25;                                     // TCP port to connect to
    //Use a fixed address in your own domain as the from address
    //**DO NOT** use the submitter's address here as it will be forgery
    //and will cause your messages to fail SPF checks
    $mail->setFrom('[email protected]', 'Website Contact Form');
    //Send the message to yourself, or whoever should receive contact for submissions

    $mail->addAddress('[email protected]', 'Your Name');
    //Put the submitter's address in a reply-to header
    //This will fail if the address provided is invalid,
    //in which case we should ignore the whole request
    if ($mail->addReplyTo($_POST['email_real'], $_POST['name'])) {
        $mail->Subject = 'PHPMailer contact form';
        //Keep it simple - don't use HTML
        $mail->isHTML(false);
        //Build a simple message body
        $mail->Body = <<<EOT
Email: {$_POST['email_real']}
Name: {$_POST['name']}
Message: {$_POST['message']}
EOT;
        //Send the message, check for errors
        if (!$mail->send()) {
            //The reason for failing to send will be in $mail->ErrorInfo
            //but you shouldn't display errors to users - process the error, log it on your server.
            $msg = 'Sorry, something went wrong. Please try again later.';
        } else {
            $msg = 'sent';
        }
    } else {
        $msg = 'Invalid email address, message ignored.';
    }

  echo $msg;
  return $msg;
  }

?>

You have:
cd mehghna-hugo/exampleSite/

should be:
cd meghna-hugo/exampleSite/ <--removed the extra H

Hi!

I love the look of this theme on the demo site. I have created a new local hugo site and installed the theme. However, when I run the server the rendered site does not look like the demo. For some reason the formatting is not working out.

I have checked the Javascript console and there are no errors.

Do you have an idea of what could be wrong?

I'm running hugo 0.48 on Ubuntu.

Thank you!

Datawookie.

Hi I noticed the button at the bottom of the page {Submit} doesn't highlight on hover.

Thanks for making the meghna-hugo theme, it's great! I had some issues with filterizr, when I changed the main page layout, the portfolio items sometimes ended up on top of each other. (Even if I had made no changes to the portfolio partial.)

At the bottom of this page is this note "If the height of your .filtr-item elements depends on images then you might have trouble, because their loading might be slow the height of your items might be messed up. To solve this issue you can either set the height of your images explicitly..."

I tried adding "height:100%" to portfolio.html, and that seems to fix the problem, at least for the moment. I'm not sure if this is a general solution but what to mention in case this helps other people.
<img class="img-fluid" src="{{ .image | absURL}}" alt="work-image" height:100%>

Hello,

I have been attempting to deploy the old Meghna-Hugo theme on Netlify for close to a week now and am at a dead end. I have been building my site based on the old theme due to beginning the website build before the theme was updated.

When I push to my repository (which has the old theme in it) to github, I get an exit code 1 and the file does not get pushed.

With Netlify, I continue getting errors with Netlify, either 'exit code: 1' or '255'. I'm using the build command "cd thorove && hugo --gc --themesDir ../.." but Netlify is returning 'No such file or directory'. I'm guessing this is due to the theme folder not getting pushed to github. I've tried other build commands like the classic "hugo --gc --minify" found on the Hugo website as well as trying multiple variations of the netlify.toml to fit this theme and Hugo version.

I attempted to look at the old full documentation but the site is down. I've tried many variations to try and push the theme folder up but no luck. I hope I don't have to rebuild the site using the new theme as this took awhile to build.

I'm pretty new to the Hugo world so any help would be greatly appreciated.
Thanks,

The .social-icon class in the css seems to be broken, as the social icons are disappearing behind the footer.
This is not only the case for my personal site but also for the Demo page.

The behavior of the contact form seems to have changed in recent versions of the theme, not sure how to fix it.

Expected behavior - Submit button says "Mailman is on his way" or similar when a filled out form is input

Actual behavior - new tab opens with "sent" message + the form will send an email regardless of whether the form is filled out or not

I had this working properly with a sendmail.php file before, but I see the new versions have several PHP files and am unsure how it is meant to be set up.

Can see the behaviors in action - https://www.yokotu.com [using formspree now as a stopgap measure]

I just noticed that the closing</body></html> tags are duplicated at the end of the page.

Steps to reproduce:

• go to
  • https://themes.gohugo.io/theme/meghna-hugo/ or
  • https://themes.gohugo.io//theme/meghna-hugo/post/
• view the source of the page
  • view-source:https://themes.gohugo.io//theme/meghna-hugo/ or
  • view-source:https://themes.gohugo.io//theme/meghna-hugo/post/
• scroll to the bottom of the page
• check that the closing tags </body></html> are duplicated
  See also this screenshot:

I think this issue is caused by the partial https://github.com/themefisher/meghna-hugo/blob/master/layouts/partials/footer.html which includes </body></html>, which are already included in https://github.com/themefisher/meghna-hugo/blob/master/layouts/_default/baseof.html

I will send a simple PR for fixing this.

The theme-fisher font is not working properly / is not loaded on the live version.None of the icons are displayed.

For example:
"We're Creative / We're Genius / We're Professional"
each of those has an icon (tools, horse, etc.). During testing the localhost version works fine and they are displayed. However when uploaded live they "break" and the icons do not display (any icon of the same font).

There is some strange error being thrown in the console log of the browser upon visiting any of the content of the "Blog" section of the demo of the HUGO compatible Meghna theme (tried it on Chrome (Version 74.0.3729.169 (Official Build) (64-bit)), Firefox(60.7.2esr (64-bit)) and Opera (Version:58.0.3135.68)). This "issue" occurs even if I am running my own HUGO project locally having applied that theme. Although "the error" is not breaking the interface, it's rather annoying. I think there could be some issue with the "filterzr" plugin.

The latest blog posts section is working just fine with the exception of the heading and headingSpan not displaying.

Below I show what my files currently look like, which I believe is how they should be. Am I missing something or is there an error in the theme preventing the rendering of the title?

Hello. As the title suggests I'm having issues getting the live website to load the font. This is mostly evident because none of the icons are displaying.

This issue doesn't exist during localhost testing.

Hi, I'm trying to change some of the icons (about us 1 and 2 especially) but I cannot find where you import them from (and thus get a list of alternatives). I would be grateful if you could give me some pointers. Thanks lot.

In file https://github.com/themefisher/meghna-hugo/blob/master/assets/css/style.css:

#twitter-feed {
  background-image: url("../images/parallax/twitter.jpg");
  padding-bottom: 100px;
  padding-top: 80px;
}

Could be wrong but as far as I can see twitter.jpg is non existant.

Page won't render unless I refresh on firefox:

I put the following in config.toml:

enableRobotsTXT = true
canonifyURLs = true

What else should I do?

When I click on the Submit button in the contact form, I receive a 404 error from GitLab. Where is the send_email.php supposed to be?

Hi,

I have started using your Meghna theme for a business I'm just getting off the ground. I really do like your Hugo theme and would like to use it. At the moment I am using your example site as my template, adding/changing information as required to suit my purposes. I see the example site has a countdown in it (countdown variables also found in the config.toml file). How do I disable and hide the countdown altogether, as I really don't need it?

Thanks again for an otherwise fantastic theme.

Kind regards,
Graham Ward

Hi, I have basically created new pages corresponding to each section of the landing page. I changed the menu by deleting the # sign in the navigation file in layout in order to link the new pages in the menu which works perfectly.
However, on mobile, the menu stopped working, when I click on it, it does not work anymore. I have the old menu (before you updated it, I tried the updated version but nothing appears on the screen, not even the hamburger icon). Do I need to update something in the jquery.nav.js?
Here is the corresponding part of the navigation file in layout:
{{"" | safeHTML}}

Toggle navigation




{{"" | safeHTML}}

I also added a multi language mode with the following details in the config.toml :

Menu

[Languages.en.menu]

[[Languages.en.menu.nav]]
name = "Home"
URL = "/en"
weight = 1

[[Languages.en.menu.nav]]
name = "About Us"
URL = "/en/about"
weight = 2

[[Languages.en.menu.nav]]
name = "Services"
URL = "/en/services"
weight = 3

[[Languages.en.menu.nav]]
name = "Experience"
URL = "/en/portfolio"
weight = 4

[[Languages.en.menu.nav]]
name = "Profile"
URL = "/en/team"
weight = 5

[[Languages.en.menu.nav]]
name = "Blog"
URL = "/en/blog"
weight = 6

[[Languages.en.menu.nav]]
name = "Contact"
URL = "/en/contact"
weight = 7

[Languages.fr.menu]

[[Languages.fr.menu.nav]]
name = "Accueil"
URL = "/fr"
weight = 1

[[Languages.fr.menu.nav]]
name = "A propos"
URL = "/fr/about"
weight = 2  

[[Languages.fr.menu.nav]]
name = "Services"
URL = "/fr/services"
weight = 3

[[Languages.fr.menu.nav]]
name = "Expérience"
URL = "/fr/portfolio"
weight = 4

[[Languages.fr.menu.nav]]
name = "Profil"
URL = "/fr/profile"
weight = 5

[[Languages.fr.menu.nav]]
name = "Blog"
URL = "/fr/blog"
weight = 6

[[Languages.fr.menu.nav]]
name = "Contact"
URL = "/fr/contact"
weight = 7

...

hi there. sorry for what's surely it's going to be a newbie question

I have this:

socialIcon :
- icon : tf-ion-social-facebook
- icon : tf-ion-social-twitter
- icon : tf-ion-social-linkedin
- icon : tf-ion-social-dribbble-outline

But all the links are "#".

How can I put the actual social media URLs?

Thanks a lot

If you click on "Contact" in the top menu, the title of contact-us section is covered under the top menu. I fixed it with:

.contact-us { padding-top: 100px; }

First of all, great theme. Thanks a lot. I'd like to ask: How can we change the font family? Couldn't find related field in config.toml —if exists. I can not use some non-english chars in headings. Rendering strangely.

Hi,

The socials icons in the footer are not displaying correctly (font not loading, cf attachement) on Safari browser (MacOS) when viewing the demo page https://themes.gohugo.io/theme/meghna-hugo/

Same bug on my website using Megna theme.

Everything works perfect with Chrome on the same machine.

Any ideas?

Thank you