Thank you. Please let me know if he’s resolved the issue.

Ok. I changed it to Admin. Please let me know if that works.

Thank you

Ah, thank you. Unchecking the mega menu box solved that problem. I still can’t figure out the weird mobile iPhone issue though. I’ve included some login information (Editor status) in order for you to investigate further.

Thank you all for the suggestion.

While the suggestion does work, the main reason I can’t do that is because there are other pages on the website. That anchor will only work on the main page. So, if someone is on another page somewhere, the Contact&Schedule section in the header will not work at all.

I’m just surprised that this is such a unique problem. It’s perfectly fine on Android devices that I’ve tested. It’s only a problem on mobile and specifically for Iphones.

I have an iPhone and I kept ending up in the pricing section when I clicked Contact&Schedule. Do you happen to know why this is the cause? It only happens on mobile.

Thank you

Thank you very much for looking into it. Retrieving the template for editing was tremendously helpful. I can just create a new page and replace the old one. For some reason, it’s only this page that isn’t working. Everything else is working perfectly.

To confirm, the debugging box showed up at the bottom via the new code you added to Enfold Child, correct? For some strange reason, the preview of the testing document doesn’t work (even though I could edit it). I got the preview to work by copying this entire template, creating a new post, and pasting the entire template there instead of just the code.

I tried adding define( ‘WP_DEBUG’, true ); to the wp config file, but I am not sure what I should be looking for. Where should I start? Nothing is showing up even after I added that code.

Thank you.

Everything works great, Mike. Thank you for everything!

The padding code below did not work for me. I’ve tried changing the numbers around as well.

.search-results h2.entry-title {
padding: 0;
}

How would I move the text content to the right?

Thank you.

Don’t know how I missed that thread. Problem solved. Thank you, Victoria!

I have only two questions left out of curiosity. Why is the code below broken up like that (the color: #109bc5 in a separate function instead of being grouped with background color, border, and radius? I noticed the same pattern with the hover state.

#top.stuff-cat .avia-menu li#menu-item-2165 {
background-color: #f2f3ff !important;
border: 1px solid #ffffff!important;
border-radius: 100px !important;
}

#top.stuff-cat #header .av-main-nav > li#menu-item-2165 > a {
color: #109bc5 !important;
}

And is 2165 just an enfold thing? Thank you.

When I hover the mouse over the word “Blog” there is no hover state. That makes me think we somehow masked but didn’t resolve the issue, because it’s messing up the hover state for the “Blog” menu.

I’m slightly concerned the problem will manifest itself in other ways if not actually resolved. Is there anyway to fix that? As in, keep the destinations active state while restoring the hover state over the “Blog” menu item? Perhaps figuring that out will solve the problem once and for all.

Hello, Mike. The code does not seem to work. Everything still shifts over to “Blog” regardless. Does capitalization matter? The header menu is all capitalized (DESTINATIONS) whereas the category itself only capitalizes the first letter (Destinations). I’ve tried all variations of capitalization as well and it still didn’t work. I inputted the following version of the code into the Child Theme’s functions.php area.

add_filter( ‘body_class’, ‘add_category_class’ );
function add_category_class( $classes ) {
if( is_single() && has_category(‘destinations’) ) $classes[] = ‘destinations-cat’;
return $classes;
}

Is there something else that we are missing? I feel this is slightly more problematic than it should be. The code makes sense (is_single for only posts and the specific category), but it’s still not working. Is there something else we can try?

Thanks for helping me with all of this, Mike.
I just have one last issue. For some reason, I can’t figure out how to change the spacing between posts on the “Blog” page. There is a rather large gap when I use the grid layout from the “Blog Post” element. For example, the top 3 posts have a huge gap with the bottom 3 posts (there are 3 posts for each row). While we’re at it, can also I get help with changing the vertical padding (between two posts on the same row).

aceadventurer.com/blog/

Do I do that in Appearance –> Themes –> Add New –> Upload File (the child theme) to install the child theme? So, basically, just like the process for installing the Enfold theme itself. Then I go into Enfold –> Import/Export for the parent stuff right?

When I tried to install the child theme through the “Import Theme Settings File” it only lets me select the style css folder, and I don’t think that’s right.

My apologies for the confusion. Everything is already backed up as well, but I just want to confirm 100% before I do any fundamental changes like this.

Oh, ok. So, I can’t simply add the same code in function.php, change “destination” to “stuff”, and add the css changing “destination” to “stuff” for a new category even for another menu link? I thought that would work since the only difference was the menu link category. Only the word changed. It’s all good though. I really do appreciate all the help.

One final question. I’ve just been putting CSS into general styling, and the change to function.php is rather important so I don’t mind changing the original parent theme for that part. When would you recommend that I use a child theme in the future?