Thank you, that did the trick.

Mike,
They “show up” in the browser when I type them in or click on the links in semrush. Pages with “?s=” ARE responding and opening. Not sure how else to put it.
I am attaching an image to show what SEMrush views as Warning of “xx outgoing internal links contain nofollow attribute” as well as the source code showing search form is still being generated despite adding the function.

• This reply was modified 2 years, 9 months ago by biotechz.

Hi Mike,
Thanks for looking into this.
Can you please cover the domain name in the first image as well?
URLs load fine on my end with Seach parameter /?=s added as it is built-in WP function.

I pasted the code as provided in the solution, so I am not sure where the issue is. I still see the menu list item showing for the search form:
<li id=”menu-item-search”…

The Yoast plugin is set at its defaults, so I am not sure where that is coming from.

Thank you.

Hi Ismael,
We are hiding the search form already for the rest of the site but wanted it active on the blog section. Hiding the search with function or removing it from the widget does nothing since the search page is still responding on URLs of https://domain.com/?s .
If there is a “search function” it is affecting the entire site.

Adding the Disallow: /*?s=* did not make a difference.

Any other ideas?

Hi Rikard,
I added the link.

Thank you.

Here is what we settled on, hopefully this can serve as a guide for the rest.

If you have a crisp high-res images, be prepared to give up on image quality, Color Section background will not truly scale image as responsive so it is better to size the image closer to the height you want displayed. If this is a deal breaker look into using a Slider element.
—————————————

So, if you need only a background image that somewhat scales without getting your image cropped out here are the settings.
Note that we had only 2 lines of text on top of image background, as H1 and H2 so this will influence your sizing of image and padding.

-LAYOUT
Section Height: No min. height (apparently min. height is an issue on Mac browsers??? so we had to use padding)
Maring and Padding: No Padding (custom css will be used since you can’t really tell what size are presets)

-STYLING
Background Image: Actual Image heigh of 338px
Background Attachment: Scroll (fixed and parallax – neat effects but horrible scaling, don’t bother)
Background Image Position: Center Center (adjust this depending on where the focal point of your image lands)
Background Repeat: Stretch to Fit (sadly your crisp image will get pixelated, ‘Scale to fit’ shows the best quality but it gets ‘inserted’ and does not scale down on mobile…AT ALL)

-ADVANCED
Developer Setting > Custom CSS Class: bg-image (name it what you like, this will be your css class and where the sizing of “height” will come in play)

In your Enfold Child Template add quick CSS:

/* --- Color Section background images --- */
.bg-image .template-page {
padding-top: 120px;
padding-bottom: 120px; 
}

—————————————

Padding values are an estimate of = text on top of image + padding value = close to actual height of your image.
In hour case H1+H2 + total of 240px of padding = image height of 338px;

Best of luck!

• This reply was modified 4 years, 2 months ago by biotechz. Reason: formatting

Thanks Rikard,
Is there no other option to set the fixed height with “Scale to Fit” image option?

If we apply ‘Stretch to fit’ we loose ability to size the image properly so that the whole image is shown.

Thank you!

Thank you for your support – you can close the topic.

Cheers!