Search Results for 'header'

Hi,

You can find the header.php file in the root of the theme: http://screencast.com/t/Og6aDA0ia

Thanks

Hi,

You need to create and set a menu as header menu: http://screencast.com/t/h7NTPYxpx
The mobile menu is build after the main header menu so this will also work after you set-up an menu.
You can read here about how to create a menu: https://forum.tagdiv.com/menu/
You should also consider going over the whole documentation to find the best ways on how you should use the theme.

Thanks

hi,

The mobile menu it’s build based on the header menu, you can modify this if you like to add the top menu after it, you can find the code here: http://screencast.com/t/IWRRbscy3
Unfortunately this means custom work and we cannot offer custom work at this moment as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.

Thanks for understanding!

hi,

The top menu doesn’t appear on mobile screens because it’s set to be hidden, you can change this and set it to be displayed via css, like this: http://screencast.com/t/cqcCAz8pu

@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important;
}
.affix .mobile-logo-wrap img {
height: 100%;
}
.mobile-logo-wrap img {
height: 100%;
}
}

Thanks

Hi,

Menu’s alignment is set from header.php file, you can change the top menu location by moving this line locate_template('parts/menu-top.php', true); and add it after the header menu for the style you want to use, like this: http://screencast.com/t/l0f8ud7l
From my example you will get this result: http://screencast.com/t/I8NVJyDA
Note that this will move the top-menu on all screens after the header menu so it would be better(if you only need it in mobile screens) to use this css to set it to be displayed only for mobile screens:

.td-header-menu-wrap {
display: none;
}

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

Thanks

Hi,

You can use the caption filed which is hidden by default on post template 3 but you can use this css to display it, like this: http://screencast.com/t/HPKD056v
Change the font color/family/size as you like, you can also adjust the distance from the bottom or you can style the caption as you like.

.single_template_3 .td-post-featured-image .wp-caption-text {
display: block;
font-family: Sacramento,'Open Sans', arial, sans-serif !important;
color: white;
font-size: 30px;
position: absolute;
bottom: 110px;
left: 10px;
}

.single_template_3 header {
bottom: 0px;
position: absolute;
top: auto;
width: 100%;
}

Hope this helps!

Thanks

Hi,

You can manually add the width and/or height attributes, like this:
For the video icon small/large you need to edit the td_module.php and add the height like this: http://screencast.com/t/F6EhaGvwrz7
For the arrows:
* http://screencast.com/t/uYlbaW8LSkIZ
* http://screencast.com/t/9ejN5GF2k
For logo: http://screencast.com/t/pmv30a2vRi
Do the same for the others header styles.

Thanks

Hi,

Sorry about that, please remove the css I have gave you above and use just this: http://screencast.com/t/T4QYotDDwOl
Should solve this issue, please let me know if it doesn’t and send me an example so I can inspect it.
Use it like this:

.single_template_5 .td-post-content header {
margin-bottom: 10px;
}

Thanks

Hi,

Use the Media Query Snippets from below and style the text as you like on mobile/tablet portrait/tablet landscape and desktop screens:

/* responsive phone */
@media (max-width: 767px) {
    
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
    
}

/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
    
}

/* responsive monitor */
@media (min-width: 1201px) {
    
}

Thanks

Hi,

You can add a new menu-item like this: http://screencast.com/t/GIEyslQY4Bv and move it to the right using positioning via css, like this: http://screencast.com/t/vywJwLP8aGD
Note that this is just an example, use this method in your case.
You could also add the button like this in the menu-header.php file:
If you don’t have basic php/html/css knowledge we recommend you to hire a freelancer to do this for you because this is custom work and we cannot provide custom work at this time as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!

Thanks