Several Issues

[teddy2]

I am using the Pro theme with the Renew stack on my site at http://storybonds.com. I have several issues that need to be resolved:

1. Mobile site is not working properly. Html code is displayed in text.
2. Parent menu items cannot be selected on mobile/tablet touchscreens.
3. All pages are shifted up about 50px, which causes other elements (like the homepage header) to be overlapped and causes the bottom of the page to have about 50px of white space. Fyi, as a temporary workaround I have created negative 50px margins in the bottom section block of every page so that they display properly without white space at the bottom.
4. The Layerslider header image on the homepage is inconsistently not displaying sometimes.

Thank you,
Teddy

[ruenel]

Hello Teddy,

Thanks for writing in!

All your issues seem to have occurred because you have installed Jetpack plugin. Please deactivate it first and understand what it does and how its modules or settings will affect your site.

1. This issue is because you have enabled mobile theme setting in Jetapck.

• https://jetpack.com/support/mobile-theme/

2. Please disable the mobile theme first and check again.

3. Could you please send us a screenshot so that we’ll have some idea of what is going on or how it looks like in your browser?

4. You have accidentally added an invalid code or character in the Cornerstone’s page custom js section.
   Please remove this:

ul

Hope this helps. Please let us know how it goes.

[teddy2]

Thank you! These two issues are now resolved:

1. Disabling the Jetpack plugin fixed the mobile theme.
2. Deleting the accidental “ul” code in the home page’s custom JS fixed the Layerslider problem.

For the page shifting issue, attached is a screenshot of the blog page which shows how this page is shifted up. As you can see, the blog post heading is being partially overlapped by the menu header.

[friech]

Hi Teddy,

To resolve that last issue, please add this to Theme Options > CSS

.blog .x-container.max.width.offset,
.single .x-container.max.width.offset {
	margin-top: 135px;
}

Hope it helps,
Cheers!

[teddy2]

One last issue -

My sub-menu items are not working at all on the inline menu (desktop version), but they are on the mobile collapsed menu. There should be an FAQ sub-menu choice under the ‘How It Works’ main menu item. I’ve carefully reviewed and played around with all of the menu settings in the header builder and can’t figure out why it’s not working.

Thanks.

[christian]

Hey Teddy,

The Bar’s Content Scrolling must be turned off.

Hope that helps.