Page Number Tabs/Links Overlap on Mobile

[ejmg]

Hi there,

It appears that the theme's wrapping behavior causes some minor overlap with the tabs for page navigation. I was wondering if there was a way to increase the space between the tabs vertically for the use cases where it is forced to wrap around?

• I believe this to be a bug with the theme --- not Jekyll, GitHub Pages or one of the bundled plugins.
• I have updated all gems with bundle update.
• I have tested locally with bundle exec jekyll build.

---

Environment informations

• Minimal Mistakes version: 4.1
• github-pages or jekyll gem version: 3.3.1
• Operating system: Ubuntu 14.04
• Mobile Browsers Checked: Chrome and Firefox

---

Expected behavior

Tabs for next page, page 2, page 3, etc should not overlap when forced to wrap on mobile browsers

Steps to reproduce the behavior

Use Chrome's Mobile Device Toolbar (or similar), shrink down screen size to where the bottom tabs wrap, and they will overlap as a result.

The images below were created using Chrome's device toolbar but mimic the exact behavior I see on my own mobile device using Chrome on Android (LG G4):

[mmistakes]

Think you need to update the theme, this was fixed in #694.

[ejmg]

Okay, so when I execute gem list --local, it shows minimal-mistakes-jekyll (4.1.0, 4.0.1)

How do I make sure that the version being built by jekyll with bundle exec jekyll build does so using 4.1.0? My gem file specifies the version of jekyll but not for minimal mistakes, should I do similarly? i.e.

gem "jekyll", "~> 3.3.0"
gem "minimal-mistakes-jekyll", "~> 4.1.0"

I'm going to go ahead and move forward with this and see what happens.

[mmistakes]

Check Gemfile.lock. Whatever version is there is what will be used when running bundle exec jekyll.

All you should need to update is run bundle update. If that doesn't work bundle update minimal-mistakes-jekyll should. And if that still doesn't work then you can specify a version in your Gemfile like you mentioned above and then update.

[ejmg]

Update, after doing all of the above I'm still being given the same overlap. The Gemfile.lock points to 4.1.0, so I don't know why it would still be doing that.

What might be a way to move forward?
Possibly manually edit the liquid/js/html code for that section?

[mmistakes]

If it says 4.1.0 there then it should be using that version if you're running bundle exec jekyll build or bundle exec jekyll serve

Only other thing I can think of is gem uninstall minimal-mistakes-jekyll and remove all the older versions.

You don't happen to have any files in _includes that might be older versions and overriding the ones bundled in the gem do you?

[ejmg]

thank you for your patience so far:

Picking up with your last recommendation, I deleted that directory since I had no custom changes to it. That led to me deleting most directories minus _config.yaml and Gemfile until I realized that in my original setting up of this website (where I had forked it first rather than use the gem method) that I never had set theme: minimal-mistakes-jekyll in the _config.yaml.

Fixing that fixed the problem when I regenerated the website. I clearly do not fully understand how jekyll and gem works with that kind of mistake. Either way, I have resolved the issue and your patience led me to that solution. Thank you as always for a great theme and for your help here.