Deb M

Hi BdBrown,

I added the code and cleared my cache … I am seeing the ads. But just like the search box issue you helped me with, here also the name of the site does not centre as the screen size gets smaller. (It stays at left corner only).

For the similar issue in the search box related query you provided the following code

/* changes for iPad viewport */
@media only screen and (max-width: 960px){
    /* remove top padding */
    #header .pad {
        padding-top: 0;
    }
    /* adjust and center title */
    .site-title {
        padding: 30px 0;
        width: 100%;
        float: none;
        line-height: 50px;
    }
    .site-title a {
	text-align: center;
    }
    /* hide description */
    .site-description {
	display: none;
    }
    /* center search widget container */
    #header-widgets {
	float: none;
	margin: 0 auto;
    }
}

Can you tell me the codes that I can use in the current question so that the name of the website centres above the header widget ad as the screen gets smaller.

Super … That solves the issue.

Thank you BdBrown.

Many many thanks again.

Thanks , got the solution as you suggested.

Cheers.

I have mailed the issue at the mail id you provided.

Just to add to the above doubt

The membership plugin Am using in my site : WP-eMember https://www.tipsandtricks-hq.com/wordpress-emember-easy-to-use-wordpress-membership-plugin-1706

Thank you in advance. Hoping to get some idea on the doubts.

Great many thanks bdbrown for all the guidance.

Cheers to you.

Great many thanks bdbrown.

With your help , I got the site exactly the way I wanted to. It may need modifications in future but for now … it just perfect. Humen is a great theme. Providing it free and at the same time providing such awesome support – hats off to you guys.

A suggestion : May be a separate location can be maintained for all the search queries so that it can be easy for bloggers to search their doubt. This will help in stopping some of the basic questions being repeated again and again as bloggers will be able to search to easily.

One simple query – With using the CSS codes / Child theme codes – Does it put load on the site/ makes it slower.

Thank you again. Cheers.

Hi bd brown, Thank you for your valuable suggestions … and it is working nicely.

I tried the codes and it worked perfectly in the normal mode. Posting the screen shots of iPad Here is the screenshot

But when the iPad is screen is rotated : here is the screen shot
When the iPad screen is rotated you can see the site name text is not aligning at the centre. Can we adjust that ?

Perfect … That worked so nicely …

Thanks man … I have been constantly asking for modifications and you have been very kind to provide such quick responses. I have bought many paid themes but never such support response as the Hueman Team.

Won’t hesitate a bit to purchase if hueman becomes a paid theme.

All I can say right now : Thanks man and I will be coming with few more questions.

Hi there …

As you stated I checked the search box in various screens.

In desktop – the website name and search box are aligned.

But in iPad screen the website gets to left corner rather than being at centre.

Here is the screen Shot Link

As the screen gets smaller the search box reduces in size but the site name doesn’t centre.

So is there any way by which we can make the name of the site align at the centre above the search box as the screen gets smaller ?

Hi there … I installed the plugin. But how do I place it in the home page below the header. So the sequence is like Header, Meta Slider & then Post Lists.

The plugin provides a code to place in the theme template. It says

Copy & paste this code into a template file to include the slideshow within your theme

<?php
    echo do_shortcode("[metaslider id=1257]");
?>

But where to place the code exactly so that it appears exactly below header and before post list starts.

I tried but not getting the idea and wrong placement could change the hueman theme and my site.
*************************************
I also used another slider plugin – Smart Slider and there also I get the codes to place in my theme template.

PHP code

For this one you will need php and html knowledge.

If you are not sure about yourself, always have a backup, and edit from your FTP, not from the Appearance → Edit, because you can make php errors there, big enough to make your whole website blank including your back-end.
WordPress offers a do_shortcode function, what you can use to put shortcodes into your theme’s php files.

You will need to find the codepart, where you want to have your slider.
After you have got the code, use the do_shortcode function to put your slider there. You can also use some other WordPress functions to make your slider only show up on certain pages.

Show up everywhere:

<?php echo do_shortcode('[smartslider3 slider="1"]'); ?>

Only on the homepage:

<?php
  if(is_home() || is_front_page()){
      echo do_shortcode('[smartslider3 slider="1"]');
  }
?>

I am not getting idea where to place the codes & also how to use do_shortcode

I am liking Smart Slider more than Meta Slider. I guess I need to place the codes for the slider at the same place for hueman theme.
Is it possible to use a child theme for this purpose, so that I don’t distort the design of my site

Hoping for a quick solution.

Yes that placed the search bar next to the site name.

As you mentioned in the last reply that some tweaks are needed to improve responsiveness :
I did try one of the codes which you had suggested for the header widget ad which was not responsive in my other blog using the hueman theme.

#header-widgets {
    max-width: 728px;
    width: 100%;
}@media only screen and (max-width: 728px) {
  #header-widgets {
    display: block !important;
  }
}

But am not sure how effective it is. If you feel any thing more can be done to improve the style and optimisation, do tell me.

**************

Please have a look at the search box that I got after following your instructions.

Yes that placed the search bar next to the site name.
And it seems to be responsive too, adjusting well to different screen sizes.
Thank you so much.
For now I am just happy that I got a Prominent search box.

Please have a look at the search box that I got after following your instructions. Do you feel any more tweek is needed in regards to style and responsive.
**************
You said :

It’s probably not exact for your configuration but should be a starting point. You may have to add a media query for the mobile view depending on what the rest of the header does.

Is there any more change needed for optimisation or change of look of the search box ?

Please have a look at the search box that I got after following your instructions. DO you feel any more trek is needed in regards to style and responsive.
***********
N.B. A shout out and ten thumbs up to bdbrown and hueman team for the amazing support in providing customisations. Thank you guys.

Yes the theme is already having a search box.
But I wanted to know – is there any option by Search IQ to put the Search Box in the website.

As mine is a complete document based site – I need a prominent search box.
After searching a lot – I used the default search form with CSS tweaks.

But if there is any option of using a native search box of search iq using CSS then it will be nice. Check the site here : Here

Thank you.

Hi there I found one more pic to just explain my requirements I talked about in the last replies. I am not sure if I am explaining you exactly the way I want the search box to appear.
May be these 2 pics will help :

Search Box

Another Search Box Pic

I have scanned all possible resources on net including CSS tweaks, but none of them works properly.

I guess the change has to be made in the default wordpress search form & use those in a child theme, but not able to get the correct codes.

Thank you for patiently solving all my queries till date using this awesome theme.
Hopefully I can get a solution for this too.