Search Results for 'header'

Results from the Forum
Alin [tagDiv]
tagDiv Staff

Hi,

Please use media queries to not affect other device than desktop. For example the default css for this is – http://screencast.com/t/cR6FrW8zIn but for smaller devices – http://screencast.com/t/k5hmqZ9puBh
Your css applies a fixed width also for tablets and phones, so you could try like this:

@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}
}

Thanks!

Andrei L.
tagDiv Member

Hi

I’ve checked your site and the header ad is displyed fine: http://screencast.com/t/RryCemmFxj If you want to increase the distance between the ad and menus use this custom css in theme panel > custom caa and modify the margins values as you like: http://screencast.com/t/1wq4aRTow

.td-header-sp-ads {
margin-bottom: 18px;
margin-top: 18px;
}

Thanks!

Andrei L.
tagDiv Member

Hi

Thanks for the kind words and for the interest for our theme.
The theme was designed to display the logo image at 272x90px except for header style 10, which accept and text logo: http://screencast.com/t/hfJ3MA0Evv I’ve noticed that you’re using header style 10 which allow bigger images for logo, but if you want to use other header style and also increase the logo’s size, that can be achieved using custom css like here:

.td-header-sp-logo{
width: 384px!important;
}
.td-header-sp-logo img{
width: 100%;
}

Note that you will need other customization for the layout such that header elements fits well according with the new logo size.

Thanks!

frasercarly89
tagDiv Member

Is there any way I can by-pass all of that and just stick this linked image next to my logo? I have specific settings for that header ad below the menu already, and it would be a pain to have to re-do the custom settings for it on specific pages.

When I do the above suggested things, I get something that looks like this (and I used the 728 x 90 code, and it automatically turned it into a 250×250 code, which is weird…and it also got rid of the white area (now grey) which connects menu with content below):

http://www.screencast.com/t/lHQL43Mu1

Best,
Carly

jimmysong
Participant
#0

image

Whenever I try to use header 2 / 3 with the logo above the header menu, it does not properly format the spacing. The logo goes above the banner ad rather than to the left of the banner. This results in a massive blank white space next to my site’s logo.

simchris
tagDiv Member

I think what I did was add a CSS to add padding to the top of the div where the ad is loaded. I don’t have the CSS handy for that, but TagDiv can provide if you don’t know how to sort that on your own using something like the Chrome/Console to see the div class for the ad block in header.

tagdiv-da-beast
tagDiv Member

Oops, sorry, issue came up when I did the following:

.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}

.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}

Is there anyway to get the bg img not to distort on mobile device?

Thanks!

MudassarSaeed
Participant
#0

Hi. First of all i want to thank the author for designing such an exquisite and phenomenal theme.I surfed internet for almost a week and was nowhere near finding a good theme and then i stumbled upon this beauty. anyway,

currently i have this one problem in my site which is brand new , the header logo is too small and i can’t get to re-size it. i have searched the whole theme panel and can’t find any customization options for it. I searched google and posted those custom CSS codes in Custom CSS in theme panel but no luck. Please help me with this, i will be very thankful. my site address is http://www.reportedtimes.com/. Thanks!

jerryd
tagDiv Member

Hi Bogdan,

Thanks for the solution, I have tried to add the following config to the root location as I am using nginx
location / {
add_header 'Access-Control-Allow-Origin' *;
}

those icons are still not showing.

Bogdan B.
tagDiv Staff

Hello Junior,

1) There is a quick fix for that. Read this topic for a solution. https://forum.tagdiv.com/topic/footer-template-style-2-no-translated-tag/
2) You can change the header tag on block titles with another if you want, just keep in mind that you cannot change it for specific blocks. All block titles have a h4 heading. In order to modify the heading tag you need to edit the core files like so: http://screencast.com/t/WMzwMYxt
3) You can use a different footer style that does not have predefined content (style 9) and you can add your own custom content instead. You can place a block in footer 1, 2 or 3 widgets and filter the posts to all time popular. http://screencast.com/t/6UEdW1VWb
You can read more about footer styles here: https://forum.tagdiv.com/footer-templates/

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

You could use the default header template – http://screencast.com/t/086fBamX8 so the header ad will be placed beside the logo. And if you want to add additional banner bellow the main menu, you need to edit header-style-1.php and use this code to dislay a custom ad – http://screencast.com/t/6nd1wRRQ

<?php echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1')); ?>

Adjust it using custom css – http://screencast.com/t/vf7tivbhnh0G

.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
}

If you use adsense code change a to g like this – .td-g-rec-id-custom_ad_1

Thanks!

Andrei L.
tagDiv Member

Hi

By default the theme doesn’t display the top bar on mobile devices, but you can use custom css in theme panel > custom css to display the top widget: http://screencast.com/t/ygpLdtt3uW8T

@media (max-width: 767px){
.td-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: none!important;
}
.td-header-sp-top-widget {
display: table!important;
margin-left: auto;
margin-right: auto;
float: none !important;
}
}

Let me know how it goes.
Thanks!

Bogdan B.
tagDiv Staff

Hi,

To correct the image margin, you can add a custom CSS rule:

@media (min-width: 1141px){
.td-header-sp-logo img{
margin-top:20px;
}}
@media (max-width: 1140px){
.td-header-sp-logo img{
margin-top:40px;}}

@media (max-width: 1018px){
.td-header-sp-logo img{
margin-top:50px;}}

Add this in the theme panel->custom CSS box and it should fix the margin on every viewport.
This code applies to this particular logo. If you change the logo, you have to remove the code or adjust the margins on it.

Thank you!

  • This reply was modified 10 years by Bogdan B..
Andrei L.
tagDiv Member

Hi

Header style 6 have a different implementation then others header styles, so to remove the logo you need to edit header-menu.php file and comment this lines: http://screencast.com/t/9myqkP9J33yhttp://screencast.com/t/gC9M0oP6c

Let me know how it goes.
Thanks!

TVDinner
tagDiv Member

ok I added the code you suggested to the custom CSS. There was already other custom CSS there from a past problem we tweaked to keep the ad and logo on the same line – here is the code i have now

body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1 !important;
}

.td-header-style-1 .td-header-sp-ads {
width: 510px !important;
}

.td-header-sp-logo img{ width: 100%; max-height: 150px; } .td-header-sp-logo{

width: 500px;

} .td-header-header {

margin-top: 15px;
margin-bottom: 35px;

}

The margins on the top and bottom of the logo are a little off.

Can you tell me how it looks on your end and if I should tweak the code additionally?

Thanks again.

frasercarly89
Participant
#0

Hello,

I was wondering how I would place this personal ad of mine (for a retreat I am hosting) next to my logo in the header (www.livelovefruit.com). I remember there being an option for this previously in the Theme Panel (where you could put ads next to the logo)?

This is how it looks right now: http://www.screencast.com/t/b0kZHevfyL

This is how I want it to look: http://www.screencast.com/t/UyVrTocmNuY

Thanks muchly,
Carly

populervizyon
Participant
#0

and shaking while visiting the site opened a very short time between menus. Does the wonder that font looks small opening in the bottom menu header.if it seems two separate font size header
my English is bad 🙂

kornobis
tagDiv Member

It is not working:

[vc_row][vc_column width="2/3"][td_block2 category_id="6894" header_color="#dd3333" custom_title="Aktuell und beliebt"][td_block8 limit="4" header_color="#8224e3" custom_title="Brandaktuell"][td_block8 category_id="11" limit="4" header_color="#81d742" custom_title="Promis und Stars"][td_block8 category_id="8" limit="4" header_color="#dd9933" custom_title="Lifestyle und Gesundheit"][td_block8 category_id="5" limit="4" header_color="#5998e0" custom_title="Musik"][td_block8 category_id="10" limit="4" header_color="#ed36d1" custom_title="Filme und TV"][td_block8 category_id="2494" limit="4" header_color="#420b00" custom_title="Multimedia und Technik"][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-lfg-home-sidebar"][/vc_column][/vc_row]

The column is supposed to be shown next to the content, but it is shown below the content. So I guess the 2/3 and 1/3 split is not working
Can anyone help please?

  • This reply was modified 10 years by kornobis.
berkakalinn
tagDiv Member

https://photos.google.com/photo/AF1QipPdjI9O0zsfB1DEnsU8Cd75WDSgd-I5nPsWU3AP

https://photos.google.com/photo/AF1QipMMtu_KeraPhycj-xwttsvyESfdzM5GJtFz4Cfl

Facebook like plugin code

<div class="fb-page" data-href="https://www.facebook.com/fitnessgelistirici" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/fitnessgelistirici"><a href="https://www.facebook.com/fitnessgelistirici">Vucut Gelistirici</a></blockquote></div></div>

Facebook like plugin adress: https://developers.facebook.com/docs/plugins/page-plugin

t2e
tagDiv Member

I am using header style 6. see code below. which part Iam I to remove?

<!–
Header style 6
–>

<div class=”td-header-wrap td-header-style-6″>

<div class=”td-header-top-menu-full”>
<div class=”td-container td-header-row td-header-top-menu”>
<?php td_api_top_bar_template::_helper_show_top_bar() ?>
</div>
</div>

<div class=”td-header-menu-wrap-full”>
<div class=”td-header-menu-wrap”>
<div class=”td-container td-header-row td-header-main-menu black-menu”>
<?php locate_template(‘parts/header/header-menu.php’, true);?>
</div>
</div>
</div>

<div class=”td-banner-wrap-full”>
<div class=”td-container-header td-header-row td-header-header”>
<div class=”td-header-sp-recs”>
<?php locate_template(‘parts/header/ads.php’, true); ?>
</div>
</div>
</div>

</div>

Andrei L.
tagDiv Member

Hi

For some reason the header warp have a height by 900px on the product post page, that’s why appear that blank space. Try to deactivate plugins except Visual Composer and Woocommerce, clear all caches and test again. if the problem persist try this custom css in theme panel custom css: http://screencast.com/t/mOPfX2IMQ

.td-header-wrap {
height: auto!important;
}

Let me know ho it goes.
Thanks!

tsatiroglu
Participant
#0

Hello, I changed the header ad and clicked on SAVE SETTINGS. Now my main menĂĽ has become full width and non-aligned. This only happens on the homepage, the menu appears fine on other pages. What did go wrong and how can I undo it? Here is the link: http://kanalfinans.com/
Kind regards,
Tunç

Bogdan B.
tagDiv Staff

Hi!
You can make them appear if you change the code i gave you. Change this:
.td-header-sp-top-widget{
display: none!important;}

to this: .td-header-sp-top-widget{
display: inline-flex!important;}

They will appear but positioning and making them responsive is a challenge all by itself. You need a bit of CSS knowledge to achieve this. If not, you can hire a freelancer to do it for you if you really need to.

Thank you!

Bogdan B.
tagDiv Staff

Hello,
You can adjust these settings using custom CSS.
Here is a sample of how you can achieve this. It may need a few adjustments, but this is how it can be done:

@media (max-width: 767px){
.blog-stack #td-top-search {
position:absolute!important;
right: 0px!important;
top: 0px!important;
}
.blog-stack .header-search-wrap .dropdown-menu{
left:-270px!important;
}
.header-style-3 .container-fluid{
position:relative!important;
left:-45%
}
.header-style-3 .td-logo img{
width: 35px!important;
}
}

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

Andrei L.
tagDiv Member

Hi

The theme was designed to display the logo at 272x90px. To increase the size you need modify the width value of this class .td-header-sp-logo, default value is: 248px;

.td-header-sp-logo{
width: 384px!important;
}
.td-header-sp-logo img{
width: 100%;
}

Note that you will need other customization for the layout such that the elements fit well according with the new logo size. You can find useful information abut css here: http://www.w3schools.com/css/default.asp or if you can’t do it yourself my advice is to look for a developer from sites like studio.envato.com to do it for you, as we can’t offer customization services at the moment.

Thanks!

Viewing 25 results - 26,126 through 26,150 (of 29,850 total)