Image resizing problem in blog post

Using Themes
1

My Repository: GitHub - nataliepjlin/up
link: 不塑之渴
Hi, I recently found that the images of the blog posts seem to be overlap with the navbar in desktop mode, but still can’t find places to fix the problem.(the possible ones I could find are single.html, bootstrap.min.css, and navigation.scss, but so far neither of them can solve this issue) This only occurs inside the post when using desktop mode , resizing in tablet and mobile mode are both fine.
image

2 
diff --git a/themes/andromeda-light/layouts/_default/single.html b/themes/andromeda-light/layouts/_default/single.html
index 796c7d1..dc4d675 100644
--- a/themes/andromeda-light/layouts/_default/single.html
+++ b/themes/andromeda-light/layouts/_default/single.html
@@ -7,7 +7,7 @@
 <section class="section-sm pt-0">
   <div class="container">
     <div class="row justify-content-center" data-aos="fade-in">
-      <div class="col-lg-10 mb-5">
+      <div class="col-lg-10 mb-5 mt-5">
         {{ with .Params.image }}
         {{ if fileExists (add `assets/` .) }}
         {{$img:= resources.Get . }}

Please continue the discussion here:
https://github.com/gethugothemes/andromeda-light/issues/18

3

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.