Search Results for 'header'

Results from the Forum
Bogdan B.
tagDiv Staff

Hello,
You need to chose another header style from the theme panel. There are 3 styles with full logo. That means the logo will not be cropped and will maintain the size you upload.: http://screencast.com/t/eXFimL6yj
If you plan on modifying a header style, please specify the header style you want modified so we can see if the modification is possible as all header styles are different. A link to your website will also be helpful as we can inspect the logo you wish to increase and we can edit it directly with a live css editor.
Thank you!

Bogdan B.
tagDiv Staff

Hello,
The space comes from the header ad section. There is a container that is created for the advertisment. if you do not use an ad, this will be blank as on your page. Your best bet is to use a different header style. One with full logo. You can check this list to see different header styles and chose one that does not have an ad besides the logo if you do not plan to use header ads. https://forum.tagdiv.com/header-styles/
example: style 8 to 12
Thank you!

Catalin
tagDiv Staff

Hello jmbernstein,

To align your header menu, please try the code below and place it in your Theme panel->Custom Css area, like this: http://screencast.com/t/7HiSiZrBry

.menu-main-menu-container {
display:table;
margin-left: auto;
margin-right:auto;
}

The result you should see here: http://screencast.com/t/Xwc4o1Ifjox

Thank you for message!

moons
Participant
#0

Hello. I am using Header Style 7. How can I reduce the size of the header area? I want to reduce some of the space above and below the menu links.

PierreBoullier
tagDiv Member

Hi @Catalin-l !

Thank you so much for this response. Actually your solution works fine but involves that i only have my header on the home page + another page of my choice but all the other pages don’t display it anymore.

What I want to do is the opposite, I want to display the same header on all my pages except one where I want another header logo or no header at all.

Is there a way to trick the CSS you gave me to achieve this ?

Thank you again,

Let me know if I’m not clear, ill send screenshots to explain it.

Pierre Boullier

Stefan
tagDiv Member

Hi!
I have tried to follow your instructions here but I still can not see my ad in the place where it should be. There is nothing :(. I pasted the code in the header ad section

http://www.alltomtrav.info

andantesash
tagDiv Member

Thanks for the reply, I have managed to fix the above issues, but there is just one more issue I am having.

How do I get the old header style back with full size logo aligned to the left and menu directly below aligned to the left?

I can get the menu aligned to the left but the logo is small, how do I increase the size and also align the header advert to the right side?

Stefan
Participant
#0

Hi! Is it possible to place a full width ad between the header and the content+sidebar?

Lucian
tagDiv Staff

Hi,

This is a post page: http://www.captain-gadget.de/funkstation/das-heimnetzwerk-per-powerline-erweitern so this isn’t among the conditions set for the header image, what I mean is that the solution Andrei gave you refer’s just to the category pages not for post the are part of that category. So if you need this to work for post pages also you need to customize this further and check the category of each post using wp methods/functions like the ones I’ve pasted below:

https://codex.wordpress.org/Function_Reference/in_category
https://codex.wordpress.org/Function_Reference/has_category
https://codex.wordpress.org/Function_Reference/wp_get_post_categories

Hope this helps!

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please provide your site url and more details about the header background as I’m not sure what you mean. Also you can check the header templates available for Newspaper theme – https://forum.tagdiv.com/header-styles/
You can remove the search from the menu using custom css in Theme Panel > Custom Css – http://screencast.com/t/mowhxMOda

.header-search-wrap {
display: none;
}

Thanks!

Bogdan B.
tagDiv Staff

Hello Vladimir,

1) I think you are referring to the responsiveness of the logo on mobile.
You can use this custom css to make it responsive again.
@media(max-width:767px){
.td-header-style-10 .td-logo {
width: 100%!important;
}
}

2)You can change the mobile menu color from the theme panel: http://screencast.com/t/9xlJiRSDKR

Thank you!

Rhonda
Participant
#0

When I use the code provided for a banner ad, there is an enormous gap of white space between the top of the screen and the ad on mobile device (iphone). What do you think is causing this and how can I eliminate this space?

Alin [tagDiv]
tagDiv Staff

Hi,

Please try to regenerate thumbnails and see if you still have this issue – https://forum.tagdiv.com/using-the-theme-with-existing-content/ Please note that the featured image should have at least the sizes of thumb’s container, because WordPress doesn’t enlarges images.

1. You can add background color to the row or column – http://screencast.com/t/rHdQhbEewU please check this topic as reference – https://forum.tagdiv.com/topic/background-in-header/
2. Also the non-parent category(without subcategories) can be made megamenu please check documentation – https://forum.tagdiv.com/mega-menu/
3. Yes it is possible, just use the default page template and set infinte load for last block from your content – http://screencast.com/t/3UaBmanKm8l
4. You can disable author box from Theme Panel > Post Settings – http://screencast.com/t/y1IKgjON

Thanks!

john80
Participant
#0

Hi,

I made on center:
http://prntscr.com/99gmgi
but have problem to algin text to the left.
I change text-align: center; to text-align: left; but look that:
http://prntscr.com/99gncf
Problem is that on left side i dont have 100%.

Css what is use.

.td-page-header h1 {
    overflow: hidden;
    text-align: center;
}
.td-page-header h1:before,
.td-page-header h1:after {
    background-color: #969696;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    max-width:5000px;
}
.td-page-header h1:before {
    right: 0.5em;
    margin-left: -50%;
}
.td-page-header h1:after {
    left: 0.5em;
    margin-right: -50%;
}

Thank you.

Alin [tagDiv]
tagDiv Staff

Buna,

Se pare ca nu functioneaza counterul de view-uri. Va rog sa dezactivati toate pluginurile exceptand Visual Composer, sa dati clear la cache si sa verificati daca da-ti refresh de cateva ori un articol sa vedeti daca problema persista.
Counterul de view-uri puteti sa-l ascundet folosind custom css in Theme Panel > Custom css – http://screencast.com/t/aELQUaJGk1R

header .td-post-views {
display: none;
}

Sau din cod daca doriti, doar comentati aceasta linie pentru fiecare template de post – http://screencast.com/t/cSfGxWk3d7x

Mersi!

Bogdan B.
tagDiv Staff

Hello,
you can use this custom css:

.td-header-style-1 .td-header-menu-wrap-full{
height: 28px!important;
}
.td-header-style-1 .sf-menu > li > a{
line-height:30px!important;
}
.td-header-style-1 .header-search-wrap .td-icon-search{
line-height:30px!important;
}

I set it to the same height as the top menu. (28px)
result: http://screencast.com/t/byoguua6hP
Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

The theme’s scroll to top button doesn’t have the same functionality, but you could do this with some custom modifications.
First you will have to cut this code from header file – http://screencast.com/t/s9RP3ADEiD and paste it in the footer file – http://screencast.com/t/Bf7VXbAm3Ih2http://pastebin.com/9Xnw8Ysp
Then use this custom css in Theme Panel > Custom Css – http://screencast.com/t/2jvheA3u
If you don’t have basic php/html/css experience and you need another functionality for it I suggest to get someone to help you with this, as we are not available for custom services sorry!

Thanks!

Bogdan B.
tagDiv Staff

Hello,
Please check the documentation link again. There is nothing wrong with it. It works as expected. https://forum.tagdiv.com/header-ad/
Try another one and naviugate to the ad section if it does not work directly: https://forum.tagdiv.com/wordpress-information/
Basicly it depends on the ad you would like to use. If it’s adsense you can use the code directly in the theme panle. If it’s any other ad, you need to use the div’s provided:

<div class="td-visible-desktop">
    <!-- Your NON AdSense code here - this ad will show only on desktops -->
</div>
<div class="td-visible-tablet-landscape">
    <!-- Your NON AdSense code here - this ad will show only on tablets in landscape orientation -->
</div>
<div class="td-visible-tablet-portrait">
    <!-- Your NON AdSense code here - this ad will show only on tablets in portrait orientation -->
</div>
<div class="td-visible-phone">
    <!-- Your NON AdSense code here - this ad will show only on phones -->
</div>

Thank you!

Bogdan B.
tagDiv Staff
Zone - reply

Hello,
It will break in an update only if the header.php file will be replaced. To be on the safe side, you can use a child theme to make your modification: https://forum.tagdiv.com/the-child-theme-support-tutorial/
Thank you!

Bogdan B.
tagDiv Staff

Hello,
It can be done by editing the core files like so:
You need to edit every post template file you use. Every template has 2 files a loop.php and a single.php http://screencast.com/t/V8eaFkJyhaw. You need to remove the code for the category headers from the loop files: http://screencast.com/t/ICSY0coK7H and then add the code to the single.php files: http://screencast.com/t/i1hxTT2J
Then you can use this custom css for positioning:
.td-crumb-container{
display: inline-flex;
}

result: http://screencast.com/t/MYMxqNtuuECc
Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

First please add the js code from the embed: http://pastebin.com/p2LUw6C7 ..in the header file, like this: http://screencast.com/t/ajTnUyYmqwyy then it should work fb embed.
Also check this tutorial – http://www.wpbeginner.com/wp-tutorials/embed-facebook-status-posts-wordpress/

Thanks!

Catalin
tagDiv Staff

Hello PierreBoullier,

You can achieve what you want if you use a bit of Css. It is possible this thing without alter your code source. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/scMiLJl3 .

.td-header-sp-logo {
display: none!important;
}
.home .td-header-sp-logo {
display: block!important;
}

Above, I gave you an example how to display a logo only on your home page. If you want to show the logo to another page, please replace the .home with your page ID. Also, you can find the page ID, using your Inspect element browser, like this: http://screencast.com/t/qPqw9kfOnIUh .

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details about this.

Thank you for message!

jytgraphics
Participant
#0

I am having an issue with the top bar not showing on smaller devices… phones, tablet (portrait view).
The site: http://www.checkmeoutmagazine.com

The login and register, along with some other buttons, become not available. Here is the code you provided for the custom CSS panel:

@media
(max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}

Please let me know what to do from here.
I pasted the code and it didn’t work. I also cleared the caches of my computer and phone.
Please and thank you in advance.

muaythaiguy
Participant
#0

Hey,

I’m trying to set up the category image..

http://muaythaicampsthailand.com/category/bangkok/

Is there any way to set it up so that the image stays within that boxed area?

Or, alternatively, could I set the header to be full width, while the posts below it still remain in a boxed format?

Let me know,

Thanks.

PierreBoullier
Participant
#0

Hey support team !
I saw a lot of publications about the fact that we could add a different header on different pages of the theme. Is it possible to keep the same header styl (7 in my case) on all the site but only change the logo appearing on a page ?
Is there any
if (is_…) fonction that I can add in Header style 7 php ?

Thank you guys,

Pierre Boullier

Viewing 25 results - 25,701 through 25,725 (of 29,850 total)