I have tried all the codes from this thread and it’s not working. In fact, the following code was already on the site and used to work before the latest Enfold update. After the update, it stopped working.

.ajax_search_response { display:none !important; }
.ajax_load { display: none !important; }

How do I disable the automatic searching on the search box in header of https://www.melaniecooks.com/? Thanks!

Awesome! That did the trick, thank you so much!

Unfortunately this code didn’t work. It made the search box right-aligned all the way to the edge of the screen, and also somehow made my logo move down out of position. Here’s the screenshot of how it looked with the new code: http://yourwebsiteasap.com/screenshot-moriah-searchbox.png

I need the searchbox (header custom content) to be right-aligned to the edge of the CONTENT, not to the edge of the screen. I want it to behave the same way as the tagline (“phone-info” text), which is right-aligned to the edge of the content even when I resize the screen.

I appreciate your help!

Now the top is fixed, but the BOTTOM of the menu has a problem (same problem as my original post on this thread). When you hover over the breadcrumb area, it is linked. I only want my menu words to be linked, not the areas above it or below it.

I replaced it with the new code, and still having the same problem. The area at the top of the header is still linked. How can I make it so only the words are linked, and not the huge area above?

Awesome, worked perfectly! Thank you!

Thank you! I changed it to the following to only target the right column as opposed to the whole container, and it worked great:

@media only screen and (max-width: 768px) {
div#full-width-section-tflq .flex_column.av_one_third.avia-builder-el-3.el_after_av_two_third.avia-builder-el-last {
margin-left: 3%!important; margin-top: 30px!important; 
}}

Last question about this page:

When I resize the browser to tablet size and the 2 column breaks into one column below another, the image in the left column doesn’t fill the whole width and there is an ugly gap on the right (see screenshot):
http://yourwebsiteasap.com/tflq/screenshot2.png (username testing, password testing123)

How do I make the image fill the whole width when browser is tablet size? I want it to look the same way it does in smaller mobile size.

After some searching, I found a way to turn off the portfolio title link by using this code:

.grid-sort-container h3.grid-entry-title a {
pointer-events: none;
}

Now is there a way to make the title linked to the Lightbox just like the thumbnail above it?

Thank you! Now the image in the left column looks like it should, but the form on the right is glued to the top. Also, on mobile the form doesn’t have any space on the left.

How can I remove the padding just for the image and not for the form?

Works great, thank you!

Anyone? When I create a function with custom content in functions.php, what code do I use to activate it? I want the code in that function to be added to the very top of the site (before the site container)…

I changed the code, but the problem persists. The button in the top right corner above the nav (“Village of Northbrook”) is supposed to be clickable, but it’s not. When I try to explore it in Firebug, it shows the CSS from the menu overlapping it (I guess that’s what’s disabling the link).

The Extra Elements option is very limiting, it doesn’t work with the kind of stuff I want to add.

Is there a way to do it as a function? I’d rather not edit the theme files – don’t want to have them overwritten with the next update!

Here’s my function:

function header_top_text() {
?>
<div class="header-top-text">
my text goes here
</div>
<?php
}

Now how do I activate it? I tried the following:
add_action('ava_main_header', 'header_top_text');
but it gets stuck inside the header, even if I use the custom CSS to re-position it won’t go outside the header.