soasmw

Any help please?

I just tried rolling back Jetpack to older versions until 4.2.2, but that did not work as well.

Hello Thomas,

I’ve upgraded the rating, considering how supportive you’ve been and how seriously you take development requests.

I hope my request will be implemented soon, it will be very helpful and will provide more flexibility working with ads.

Regards,
Waseem

Thanks for your response, @kharisblank

I tried what you suggested, but could not achieve what I wanted to.

I pasted the javascript code in the footer scripts section of the Header and Footer plugin (after the previous script). Then I pasted the CSS in the “mobile device” section of the Advanced CSS plugin through the customizer.

@kharisblank

I realized that I had some problem with Fontawesome. I used a different icon, then changed it again; now it works perfectly.

Thank you so much for your help. I was wondering if you could help me with another tweak. If you see the following screenshots, the search icon appears in the menu (in a mobile device) and is shown only after I click the hamburger icon. Could I make the search icon appear outside of the menu next to the hamburger icon?

Thanks again.

@kharisblank Thank you for the prompt response.

I am however not able to see a search icon that expands into a search field upon hovering. Any idea how I can fix that? I tried different browsers including a mobile browser.

• This reply was modified 8 years ago by soasmw.

@thauknes
Did you follow exactly the steps suggested by Kharis in the earlier comments? You have a beautiful search icon which expands into the search field upon hovering. All I managed to get was a fixed search field.

@kharisblank Any advice, mate? You have the link to my website.

Thanks

@kharisblank
Here you go: https://winnersavenue.com/

• This reply was modified 8 years ago by soasmw.

Hi @kharisblank,

How could I fix the search icon/search field not appearing in Chrome? It works well in other browsers.

Regards

• This reply was modified 8 years ago by soasmw.

Hello Suyogya,

I’ve done as requested. Kindly take a look at the website now.

Regards

Simply change your landing page to display “Your Latest Posts”. Zerif does not support a static page.

I got the solution, but not everyone will like it.

I re-installed the child theme totally. (Removed the old one, replaced it with a new one, then made the necessary changes to the CSS). This worked perfectly.

A simple edition in header.php in the child theme works. Add the “100%”command twice for the background.

<header id="masthead" class="site-header" role="banner" style="background-size:100% 100%;>

The second time you say 100%, you are referring to the mobile screens. So if you want the header image to appear smaller there,you could decrease the percentage, this will however result in space between the image and the nav menu. The best thing in such case is to edit the header image altogether.

Regards,
soasmw

I understand. And in fact, I realized that when I tried to minify the js query and js migrate files, my page speed score decreased.

I use no other minification plugins.

Any help with this?

@goeslikeschnell, your method does not seem to work. I did as you suggested, but the mobile theme displays only the central part of the original header image.