Four issues: Custom CSS, Favicon, Mobile View, Desktop Front Page Footer

EDIT: My homepage (header/menu/& front page content) has now disappeared on desktop too ??

Hi @vickigarside!

1. The custom CSS which changes the menu bar colour has stopped being recognised and is showing the default hot pink.

While I do see the missing header and menu on your homepage, other pages are showing a green menu bar for me. Are you still seeing pink? Or did you already fix this?

2. My favicon – while still installed via a plugin is not showing up on the web

This might be a caching issue, as I can see your favicon. Here’s a screenshot:

https://cloudup.com/iQw80jT62-g

Browsers can sometimes cache favicons in long lasting ways (they don’t always get cleared when you clear your local history) so it may not update for your right away, but it does look like it is working.

3. The mobile view of my homepage is not showing the header/title, menu bar or front page content and is only showing the widgets in the front page footer area.

4. On desktop version the footer widgets are not sitting where they are in the customizer.

Have you installed any new plugins? Do these problems stop if you disable them?

Have you made any changes to your custom CSS recently that might be impacting the site this way?

Try the following:

– remove all of your custom CSS (keep it in a safe place so you can put it back later) to see if your header is being hidden because of something in there.

– deactivate all plugins on the site, does that restore the header? If so, start turning plugins back on one by one until the header breaks again.

Hi Chad

Thanks for getting back to me.

1. I only see the hot pink on the homepage. All the other pages show the green as per the css.

2. The favicon is showing on all pages except the home page. (I’m presuming its what ever bug is affecting the home page has affected that too – but thank you for confirming you can see it!)

3. I haven’t installed any new plugins, and the only recent update has been to askimet.

4. I’m removed the css, saved, then gone back and added it in. It shows my changes in the customiser module, just not on the live site. (there are only 3-4 expressions so there’s nothing too complicated there)

No problem!

Have you tried disabling all over your plugins (literally, all of them) to see if that makes the home page display normally? That will help rule out any potential plugin conflicts.

I disabled the plugins and my whole site has crashed.

I’ve restored almost everything on desktop, but the mobile version is not reflecting any changes

Any Ideas?!

• This reply was modified 8 years ago by vickigarside.
• This reply was modified 8 years ago by vickigarside.

Just checked out your site. You are using several plugins that seem to be pretty aggressive in formatting pages, etc.

This forum is for theme support for the Sela theme, but it’s definitely the plugins that are wreaking havoc on your site.
Disabling all plugins should not crash a site.
You might look for help in forums on some of the formatting plugins you are using.

If that’s the case – maybe the first person should have mentioned seeking help from elsewhere instead of telling me to deactivate all the plugins. My home page has completely disappeared, as has my blog page.

As far as I can see I have 1 formatting plugin (TinyAMC) – the other plugins are for security, speed and sharing.

I asked here because I was seeking advice. Not so someone could recommend something that would destroy my site and when questioned be told to go somewhere else.

Thank you

• This reply was modified 8 years ago by vickigarside.

I have restored a back up from before this happened. Everything has been restored on desktop, but the homepage and blog will not show on mobile and tablet.

Is this a display issue with the theme?

I almost every case deactivating plugins is a good diagnostic method. If your site is having problems when you deactivate them if could be a sign of a bigger problem.

My peek at your site showed that you are using a child theme Sela-Wpcom which I am guessing has dependencies on a few plugins and or something in the functions.php file that’s not quite kosher.
Plugins that deal with formatting which I detected that you didn’t mention are:
Query Collapse-O-Matic
Optin Forms
TablePress

I would contact the source of your child theme. it’s likely therein your problems lie.

The goal of deactivating the plugins was to determine which, if any, were conflicting with one another or the theme – allowing you to pintpoint and address the source of the problem. Disabling plugins shouldn’t crash your site under ordinary circumstances.

The sela-wpcom version of the theme you have means that you downloaded it from the WordPress.com theme library, and not from www.ads-software.com – either version will work. There are some functions of Sela (regardless of which download you’ve used) that will only work with the Jetpack plugin activated, but the theme itself doesn’t require any outside plugins to run.

I did just test your site, the homepage looks good on desktop, and it’s also working on mobile. You might want to add the following to your CSS so the menu button on mobile matches the custom color you have set for your menu bar:

.menu-toggle {
    background-color: #74ccd1;
}

Are you still having trouble with the home page on mobile devices?

Thank you for all your help.

The site crashed upon a defective upgrade of the Yoast plugin.
The site was essentially deleted and rebuilt over the course of a weekend. I think everything is back to running normally now.

Hooray! I’ll keep my fingers crossed that you don’t hit any more snags!