Menu in mobile says Menu on the full version I see all the items.

We can work around this using custom CSS. First we need to use a Custom CSS plugin, there are many of them available so pick one and install it.
https://www.ads-software.com/plugins/search.php?q=custom+css

then use this code in it.

.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
	height: 32px;
	overflow: hidden;
}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle::before {
	content: "Chapters";
	display: block;
	height: 20px;
}

Hey Paul Thank you for the info. Unfortunately didn’t work
I used tj custom css

Right now I couldn’t see any extra CSS in the source. Whatever Custom CSS plugin you use, make sure to click save and reload the page (hit Ctrl+F5)a couple times to clear browser cache so we can see the change.

Hey Paul I assume its Paul,
I did a bad bad thing I directly edited the header.php Changed the word Menu to Chapters on line 43. 42 wasn’t the answer ??

That fixes the content on a smartphone or when the page has been shrunk to quarter width on a pc screen.. That’s half the battle. I am sure I will suffer again when the theme is updated.

I did do a refresh with the custom css. It caused a weird problem the Menu items overlapping the cover image.

I found the the rest of the answer on line 1473 of the style.css

I changed
@media screen and (min-width: 600px
to
@media screen and (min-width:3000px