Menu Not Activating on Mobile

Developer help
1

For my blog -

justrollingwith.it

The menu isn’t activating on Firefox or Safari on IOS. Can someone please help point me in the right direction to troubleshoot?

Thank you!

2

Hey @chris-remus. I checked in the browser console and there seems to be a couple of javascript errors in the theme. Would I be right in saying that you’re using a modified version of Uno Zen? GitHub - Kikobeats/uno-zen: Minimalist and Elegant theme for Ghost. Demo @ https://kikobeats.com
If there’s some way we can collaborate I’d be happy to help you out :slight_smile:. I’ve added a screenshot of the errors I’m seeing
35

Edit: Those errors make me think that jQuery has gone missing, you might be able to solve it by adding the following line to default.hbs just after {{ghost_foot}}:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
1 Like
3

Thanks for the reply. I’m finally getting back around to this :slight_smile:

I am using a slightly modified version of Uno Zen. I’ll try what you suggest and let you know if it works!

1 Like
4

Hi, I am replying in behalf of chris-remus.

I tried your advice but the menu is still not showing in the website / mobile view.

Below are the steps I took:

I added that line of code after {{ghost_foot}}

in the file “default.hbs” located inside the folder “uno-zen-master” which I downloaded from Settings > Design > Installed Themes in Ghost.

After saving the file, I then zipped it back up again and uploaded to Design > Settings page in Ghost and activated the theme.

5

@chris-remus I think I might know what is happening with this.

Are you testing this in a desktop browser but resizing it to a mobile view? If so then the JavaScript won’t work, you’ll need to reload the page after resizing.

This isn’t an issue though as on mobile devices the screen will already be that size when they land on the website. I just tried it on my phone and the toggle works perfectly :slight_smile:

6

Hi,

In behalf of Chris Remus, I’d like your help again with the menu button.

JustRollingWithIt
JustRollingWithIt1350×699 2.59 MB

I’m having a hard time figuring out why the red button only shows when browser is not maximized.

How can this be solved?

7

I believe thats part of the design. On smaller screens the feature area (the blue area) is collapsed into a menu style sidebar, however on larger screens it becomes a feature area. If you want to maintain that sidebar design you’ll have to remove some of the responsive CSS

Hope this helps :blush: