Mobile – remove background video and invisible menu

Oh and I’d love to get rid of the copyright footer at the bottom of the mobile site if possible.

Greetings…. for the plugin you are using, you may need to contact the developers through their support to see what they can suggest. They will probably tell you to use some custom CSS to do a display:none; for whatever container the video gets loaded in along with a media query CSS to basically say when the screen is a certain size, do not show the video.

Regarding the copyright footer, I’m assuming you mean the content part that is in the black area or the whole container, including the black area?

Okay thanks! I’ll contact them. I mean both the black area and text if possible. Any hints?

Yup….display: none; custom CSS like this:

#footer-wrapper {
    display: none;
}

Custom CSS can be done with one of the following:

1. A plugin called “Simple Custom CSS”
2. if you use jetpack, then you can use its own Custom CSS feature
3. If using a child theme, you can add the above to the style.css for it.

I managed to get into the editor and eventually removed footer for web, but the mobile one still comes up and there’s also a sight margin on the right hand side. Any hints on how to get rid of that for mobile specifically?

Also, in the first post I mentioned the mobile menu also appears invisible or in white, thought the links work if you know where they are.

Hmmm…the footer should not even show in the mobile view. Do you have a link to your site and I will take a look.

jasonjcohn.com

jasonjcohn.com/journalism

Ah…it’s that website ??

Your menu…did you create a custom menu or are you using the default WP menu where it auto adds pages to the menu? Make sure you create a custom menu for your main menu.

This is a generalized tutorial for making a custom menu:

https://www.shapedpixels.com/support/basic-theme-setup/creating-your-custom-menus

Yeah it’s a custom menu and it works perfectly on the web, just the mobile version seems to have white text colour so you can’t see it.

I’m not sure if you’re doing something with the code but suddenly you can see the menu on mobile! It’s off-centre and seems to be working as a sub-menu in a larger font under the link ‘Menu’ and has dot points at the start of each line (not super attractive).

There’s still something not right if your menu looks like that. Either something is interferring with the menu code, or it’s something else.

If you go check out the demo site, you will see the bullet points are not shown, but on your site they are.

https://demos.shapedpixels.com/morphology-lite/

You mentioned you made a custom menu for your main menu, but is your menu location set for the “Primary Menu” location at the bottom of the menu editor screen?

The menu is set for Primary.

Yeah I have no idea why they are showing up as dot points on mobile. On desktop the menu is fine and without dot points.

Perhaps I should keep my Custom CSS, copy past it, and re-install the theme?

You shouldn’t have to reinstall the theme. If you feel that is something you want to do, then go for it. One way to find out what is causing the menu issue is to disable all your plugins one-by-one and check your site. If all looks good so far, disable another plugin, check the site, etc etc.

Something is definitely causing some conflict then; the hard part is to find what that is. It’s more likely a plugin, or it could be something you’ve done in any custom CSS changes. Perhaps remove your custom css that you did (save it somewhere) and see if it’s that.

This is what you call troubleshooting fun times!