Hi Ismael, when you say “We updated the header.php file…” are you saying you updated the /enfold/header.php file on my server? Or did you make an update to enfold in general and I need to download a new copy and replace the header.php file in both parent and child theme?

Thanks,
Slade

Hi Andy,

You can’t see any issues because I have had to fix each item 1-by-1 using custom css. The site is Live so I can’t show it in its broken state.

Here is the custom css (below) I needed to use to fix items such as header background color, menu color, link colors, mobile menu…etc. The scary part is that I think this isn’t the last of it. Whenever they need an update or something new it seems to break another element. I have also attached a couple of screenshots after I commented out a few of the custom css. One screenshot shows the menu color and font-size while the other shows the /news page links. Compare these to how I have the website now.

/***
ENFOLD FIXES
***/

#header {
    background: #ffffff;
    border-bottom: 1px solid #e1e1e1 !important;
    height: 105px !important;
}

.av-main-nav > li > a {
    color: #444444 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.av-masonry-entry .av-masonry-entry-title {
    color: #333E47 !important;
}

.av-fixed-size .av-masonry-entry .av-inner-masonry-content {
    background-color: rgba(255,255,255,0.5) !important;
}

.avia-menu-fx {
    background-color: #A31C35 !important;
}

.content {
    border-color: #e1e1e1 !important;
}

.container .minor-meta a {
    color: #333333 !important;
}

.cooked-widget .recipe-list-item .recipe-title a {
    color: #A31C35 !important;
}

.cat-item a {
    color: #A31C35 !important;
    text-decoration: none;
}

#archives-2.widget li a {
    color: #A31C35 !important;
    text-decoration: none;
}

#advanced_menu_toggle {
    border-color: #333E48 !important;
    color: #333E48 !important;
}

#advanced_menu_toggle:hover {
    color: #A31C35 !important;
}

.avia_transform3d .show_mobile_menu #mobile-advanced {
    background-color: #ffffff !important;
    border: none !important;
}

.show_mobile_menu #advanced_menu_hide {
    color: #A31C35 !important;
}

#mobile-advanced > li > a {
    border-color: #e1e1e1 !important;
    color: #666666 !important;
}

/****END****/

Hi Basilis! Thanks for the reply.

I deactivated all plugins and cleared cache. Nothing changed.

Thanks Yigit! You’re the best!

Here you go

Here you go

Hi Ismael! I’m a little hesitant to do this. We have several tables through the site. Will doing this mess with the existing Tables?

Hi Basilis!

Ok…got it figured out. Even after deleting the page, deleting the cache plugin the “work” page Still showed up. I opened up the .htaccess file which was riddled with stuff from the cube portfolio plugin. I deleted all of it and reinstalled the default WP .htaccess info. The /work page then showed a 403 forbidden error…with or without an actual Work page created. Something was “amuck’ with the cube portfolio plugin. I deleted it and reinstalled. All works now!

Thanks!

It works if I make a test page with empty Color sections and it works on a few other pages but for some reason it isn’t working on all of the pages and I can’t figure out why.

Taking the /products/ page as an example I created a new submenu menu and redid all of the color sections with no luck.

Looking at firebug I notice that on the pages that work the submenu items shows a class of “active-menu-item” as I scroll down to that specific section. On the pages that do not work shows a class of ” “…..nothing. What could be causing some of the submenu items to not take on the “active-menu-item” class when scrolled to?

Vinnie….BRILLIANT!! This works perfectly!

Thank you so much for keeping at it and working so hard!

I was thinking it wasn’t possible but you figured it out.

should be cleared.

Hi Vinnie, I will have to get permission from the client to deactivate all plugins. This is now a Live site and they have offices/clients in both US and Europe so there really isn’t any “down” time.

I’ll let you know.

Unfortunately it didn’t work. I’m finding that the issue isn’t the sidebar widget sliding under the Color Section that is below it…when the sidebar widget leaves the Color Section it is living in it no longer functions (links are not clickable).

Hey Yigit!

Sorry, the site is about to go Live and the client wanted me to “hide” the preview. It is now showing again (for the time being) on this page: http://8kly-jk6b.accessdomain.com/~slade/redseal-selected-as-a-2015-red-herring-top-100-global/
If this page does not show up it is because the site went Live in which case the URL would be https://redseal.co/redseal-selected-as-a-2015-red-herring-top-100-global/

Ideally what the client wants is for the small featured image to NOT crop. It’s ok that the image container be 180×180 but they don’t want the image cropping and filling the entire container. After reading a few posts I installed this plugin: https://wordpress.org/plugins/simple-image-sizes/ and set the “square” 180×180 to NOT crop and then regenerated the images. This didn’t seem to help.

Any ideas?

Thanks, Slade