Search Results for 'header'

Hi,

Unfortunately the theme doesn’t have a feature like that but you can use an code editor like Notepadd++ and edit the header.php file, add your code and save the file: http://screencast.com/t/aqbHcD9r

Thanks

Hi,

Thanks for letting us know, we also know about this issue and we plan to fix it in next theme updates as we have this on our to-do list and we are working on it.

Thanks for the message!

Hi,

You could try this css: http://screencast.com/t/k6vnfo6p
Or set a fixed width like 300px.
The standard seize for the logo should be 300px X 100px and your logo it’s at 1024px X 394px that is why it’s displayed like that.

`.header-style-3 .td-full-logo .td-logo {
max-width: 300px;
}`

Thanks

Hi,

Please replace this second css for the .sf-menu > li > a with this: http://screencast.com/t/n1i0HPKd

.td-header-style-8 .td-li-wrapper-menu .sf-menu > li > a {
padding: 0px 6px 0px 6px !important;
}

Thanks

Glad you did!
Please let me know if you have any other theme related issues!

Thanks

Hi,

Use position relative and set a distance from the top like this: http://screencast.com/t/CHNqvLcY5lLe

.td-big-slide-background .entry-title {
font-size: 100px;
line-height: 40px;
color: white;
text-align: center;
position: relative;
top: 180px;
}

Thanks

Hi,

1. Please use this css: http://screencast.com/t/5EenmywC

@media (max-width: 500px) {
.td-grid-wrap .post p b img {
float: left !important;
margin-right: 23px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: 50px !important;
width: auto !important;
}
}

2. You can try this css, this how it will look on desktop and tablets: http://screencast.com/t/gDgnS2jHD3
This is how it will look on mobile: http://screencast.com/t/j9RW2TjT4G

This is the css:

.td-header-bg {
height: 240px;
}

@media screen and (max-width: 767px) {
.td-header-bg {
height: auto !important;
}
}

Hope this helps!

Thanks

Hi,

This happens on tablet portrait view as the menu items don’t fit in one row. You can try to fix this by reducing the menu item length or lower the font size.
You can sue this custom css: http://screencast.com/t/lPhnYFPWd

@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-8 .td-style-8-menu-wrapper .menu-td-header-container a {
font-size: 13px !important;
}

.sf-menu > li > a {
padding: 0px 6px 0px 6px !important;
}
}

Thanks

hi,

First please make sure you check this without any plugin active and empty cache and/or purge files if you use any cache or CDN plugins.
Please let me know what you find and also send your site’s URL so I can inspect this.
Regarding your request we will consider them for the next updates but because we have over 160 features requests we have to be very carefully what we pick so we will implement this is more people will ask for it.
You can try to add something like this to your page to resemble your request of an parallax header: https://forum.tagdiv.com/topic/full-width-image-header-on-hompage/#post-18712
Hope this helps!

Thanks

Hi,

@steven
If you set a background color or image from theme panel this will apply site wide.
If you need a different color for a category, you can change it from theme panel > categories for a specific category to use a specific background color: http://screencast.com/t/VVcP2Vbp This will overwrite the previous background color set from theme panel > theme colors.
If you need a different background image/color or you don’t want to have a background image at all you can do it via css and apply changes only for that page.
Use the page id class which is unique for all pages to remove or change the background, like this: http://screencast.com/t/5pA9hFjAM

.page-id-2877 {
background-color: initial;
}

Thanks