mayurjango

Thanks bdbrown for your reply.

Please help me fix this:

1. I’m referring to center the header logo in mobile view. The one added in navigation bar.

2. I’m able to hide Main header logo on mobile resolution but how can I apply this change on all pages except home. Plz give exact code as I’m unable to do that with css.

3. The Navigation bar is breaking for some reason in desktop resolution on all pages except home. Apparently, when logo is shown in nav bar.

Please provide a solution to above. Rest is working fine! ??

Thanks. That works well on desktop but padding goes out when both sidebars are collapsed. Box width changes from 59px to 62px.

Screenshot: https://i.imgur.com/SVmtF4m.jpg

Any way to fix it?

Hi bdbrown,

That worked like a charm.

I tried adding a search widget but the padding isn’t appearing properly, may be due to widget size.

Screenshot: https://i.imgur.com/Eeg1VhG.jpg

Could you please check. Test site: https://test.webtrickz.com/

Also, how can I add font awesome icon in a code. eg: fa-envelope

Thanks a ton man. ??

Screenshot (when using logo image): https://goo.gl/uqHz2D

Hi bdbrown,

That worked well up to an extent when using text. You’re amazing!

I’ve some queries though –

1. When adding an image/text in header, I’m unable to align it to center and define exactly same padding for top & bottom.

2. How to hide main logo (big one) when page resolution reaches above 719px.

3. Is it possible to implement this change on all pages except homepage.

When I add the below code for logo image in header, the Nav bar breaks in desktop resolution.

<div class="nav-text"><a href="https://webtrickz.com/"><img src="https://webtrickz.com/wp-content/uploads/2014/12/wt-logo-is.png" width="210" height="35"></div>

Please suggest the best size (height) for the logo that should appear properly.

Test site: https://test.webtrickz.com/

P.S. I prefer using logo image instead of text as it looks better.

Thanks a lot!

Hi bdbrown,

I don’t want to use a plugin and I can do the positioning easily.

Just want to know how to get the style as shown in those examples?

This works for all widgets. ??

Woah.. that worked like a charm!

And to show an ad only on desktop, I changed it to min-width and that worked too.

Thanks a lot bdbrown. ??

Hi bdbrown,

Firstly, for some reason the ad doesn’t appears when added using the “header ads” option in latest version of Hueman.

So, I added the dynamic widget php code in header.php and assigned “header-ads” class to it.

Then I added your code to custom css but header ad still appears on desktop resolution. How can I make it appear only on mobile/tablet resolution?

Test site: https://test.webtrickz.com/

Please help!

Hi bdbrown, I don’t want to display the ad banner in header. I just want to make it appear only on resolutions say below 800px (mobile & tablet).

I can then place it at a position of my choice. Please tell how this can be done (I guess via CSS). I’m doing same thing with adsense ads but have no idea how to do it for a particular image ad banner.

Can you tell me how to create a class for above code and then define appropriate css for it to make this possible.

Done

Just add a YouTube video by adding its Url and it’ll be responsive. Cheers! ??

Hi bdbrown, that worked. You always come to rescue. ??

Thanks

Anyways, I’ve figured it out now. Thanks ??

Sorry for pinging in a resolved thread.

I just want to apply the below CSS properties to the 200×90 link unit but can’t figure out how to do it.

padding: 75px 25px 0px 0px;
float: right;

Plz help!