Deb M

@denzel – Thank you , that clears my confusion.

@ BdBrown & Denzel – Thank you guys for the inputs.

@bdbrown – Thats what great about your inputs. All the modifications you have suggested (for example to have a big search box at the top) must have helped many other users. Point is not many can shell out many dollars for customisations. That’s where this Hueman forum is so great. Seeing the level of support you are providing in last 2 weeks many of my co blogger friends (seeing the effective changes in my sites) have already shifted or thinking to shift to hueman theme.

More power to your guys ! Cheers !

Just last message to close this thread – You provided me a code yesterday – to remove the yellow spaces behind the ads. (https://www.ads-software.com/support/topic/adding-a-responsive-ad-widget-next-to-website-name?replies=18#post-8750041)

.entry ins {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

The code removed the yellow backgrounds.

Just wanted to ask – They do remove the yellow background but do they change google codes in any way or they just change the theme style ? (As you know any modification in google codes is a big no – so wanted to clear that confusion.

Oh got it !

In that case a great many thanks again to you guys for providing the customisation tips for the current hueman theme. Due to these customisations you are providing, the current human theme is so popular. No doubt – without customisations also this theme is so great to look and use.

But with the added customisations that you and especially BdBrown has helped me with in last 2 weeks – all I can say is thank you and you guys have made my sites so much better.

Great Work.

I don’t recall exactly … I was going through all old posts on support forum and one of the users had commented regarding that. And the support section goes till 219 pages !!!!.

I just felt that if pro version ever comes out I will the 1st in line to get that. It will be the best wordpress investment for me. But this theme right now is better than many pro themes in market.

Thanks again.

N.B : A very small issue that I was thinking. Human theme based sites always cover up the entire screen space in desktops or laptops. Many other theme layout have the spaces on either side of the theme container. Is that a theme design thing or it happens automatically.

That exactly worked the way I had hoped for.

Thank you BdBrown.

N.B : Just a question regarding a discussion I read in the forum. Is there going to be a release of the PRO VERSION of Hueman. The current version of hueman is 100 times better than any paid theme and before using hueman I had invested in many themes. But nothing worked as smooth as Hueman and No theme provided as amazing support as Hueman. If a pro version is coming, then I am sure it will be super awesome.

Thank you again for guiding.

Cheers.

Thank you BdBrown.

Plugins seems easy but I am little weary of adding more plugins to my database.

J query seems good to use, but to implement it, it needs more research on my part to use it effectively.

Thank you for the links and I will go through them and try to implement. In case of any doubt will message you in this thread.

Thank you again for taking time out to guide us.

Hi there … I added this code just below the

Always Display Header Widgets Section Code

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

So now the entire code that controls the header widget becomes –

/* always display header widgets */
#header-widgets {
    display: block !important;
}
#header-widgets {
    max-width: 728px;
    width: 100%;
}@media only screen and (max-width: 728px) {
  #header-widgets {
    display: block !important;
  }
}
/* changes for iPad viewport */
@media only screen and (max-width: 1200px){
    /* 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 ads widget container */
    #header-widgets {
        max-width: 728px;
        width: 100%;
	float: none;
	margin: 0 auto;
    }
}
.entry ins {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

Now I can see the header ads, but I am sure its not the exact correct codes. So your expert opinion will be required to fine tune to the codes so that they can keep functioning properly.
******************************************************
Also as the codes suggested by Danzel – They do remove the yellow background but are do they change google codes in any way or they just change the theme style ? (As you know any modification in google codes is a bog no – so wanted to clear that confusion.

Thank you.

To add in the last message – in bigger devices the header widget ad is not appearing at all.
Please have a look and guide me.

@bdbrown & Denzel

Hi the last code is working.

But if you check you will notice that the header ad widget is now constantly appearing below the name of site irrespective of size of device. I checked clearing the cache too.

In large screen devices (like laptop or desktop) also Header Widget ad is below the Site name. Not that its a problem, but ideally it should be to the right of the site name in larger screens and below the site name as screen gets smaller.

Here are the CSS codes that we are using as per your suggestions.

/* remove post date on home page */
.home .post-date {
    display: none;
}
/* remove author and date on single post */
.single .post-byline {
    display: none;
}
.single .post-title {
font-size: 15;
font-weight: 900;
color: #c84023;
}
.single .post .entry {
    color: #000;
}
/* always display header widgets */
#header-widgets {
    display: block !important;
}
/* changes for iPad viewport */
@media only screen and (max-width: 1200px){
    /* 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 ads widget container */
    #header-widgets {
        max-width: 728px;
        width: 100%;
	float: none;
	margin: 0 auto;
    }
}
.entry ins {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

Not that its a problem, but ideally it should be to the right of the site name in larger screens and below the site name as screen gets smaller. I don’t know what changes is doing this.
N.B : I noticed in some cases – the header widget ad is not appearing too

You expert suggestions are welcome.

Hi Denzel ,

Thank you for the reply and screen cast. I saw the screen cast.

I have a doubt. Does that change and Custom CSS – leads towards editing the google codes. I am little confused about that. (as as per google policies it’s a strict no to modify the codes)

This custom CSS suggested … does it change the Google Codes or It just affects the theme style. Just want a clarification on this as I am a little confused regarding this.

This particular issue comes up infrequently. There is as such “NO” particular page where this happens. But in no particular order this issue appears. only the header widget ad does not have this issue. But the before and after post ads some times show the yellow back ground when the ads does not fill up the space.

So I was confused if this was a theme modification ? None the less any suggestion that I can use.

Thank you again for so quickly resolving the issues I asked today. All your suggestions have made my sites so much better.

Thank you BD Brown , that solves the issue. You are a legend providing such quick solutions.

Before closing this thread just a small question.

See the screen shots below. I keep getting yellow spaces behind the ads. Is that a theme issue and if yes can it be modified ?

Screen Shot 1

Screen Shot 2

Hi there BdBrown … sorry for the confusion … here the site I was asking the question for with the header issue.In this site I am using the header widget to serve responsive ads. The header widget ads always come properly in laptops, desktops and mobiles. But in tablets the ads just disappear. After your 1st reply code in this thread the ads started appearing in the tablet screen size.

The header CSS codes that I am currently using are

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

But the name of the website stays at the left corner and does not centre (in a responsive manner ) above the header widget ad as the screen gets smaller. Any changes that can make it work is welcome.

Here is the link

Yes, the header widget is active and its a different site (different from the one you helped in adding a search box).

In this site I am using the header widget to serve responsive ads. The header widget ads always come properly in laptops, desktops and mobiles. But in tablets the ads just disappear. After your 1st reply code in this thread the ads started appearing in the tablet screen size.

But the name of the website was at the left corner and did not centre (in a responsive manner ) above the header widget ad as the screen gets smaller.

I hope I cleared the confusion.
Here is the link