Search Results for 'header'

Also i’d like to ask an advice how can i add my social buttons in header and to make it look right in ipad’s? Now this div drops dowm and stands under header

Some updates:
I changed background picture, made it bigger, but the problem was still the same with logo. The reason was margins in updated css file, they changed for logo depending on resolution, when i switched those margins to 0, the problem disapeared.

I also put social buttons to a separate div.

For now, i still have problem with logo in mobile view. There is just no logo there and header looks weird. It seems these things are related to each other. Can’t find on my own why is that..
And i still have a question about why is sidebar located after content part on mobile phones? Why i can see only left part of footer on mobile phones? Is it how the theme works or something else?

Apparently after I check it from several different browsers and different operating systems, I found something strange. Social media icons in the header does not appear when I access my site via Google Chrome and Mozilla Firefox browser on Windows 7, but it’s running normally in the Internet Explorer. Though I’m using the latest version of the browser. Additionally, social media icons in the header also look normal when I access my site via Mozilla Firefox in Ubuntu 12.04 LTS. Hopefully this problem resolved soon. 🙁

Lucian, which modification do you mean? Social button div container? I added it just in the place where i’m supposed to add code for my adds, but i didn’t changed anything more than this (only in Firebug). Before updating everything was fine and this social button container was here.

Ok, i’ll try to make the leight of background bigger and see if it helps with my logo.

About js errors, thank you, i’ll check them, but i’m pretty sure that it’s not the reason that i have the only half of my header on mobiles for example and i’d like to get some help with this. I use the same plugins i used before, nothing new. I tryed to delete social buttons containers, but it didn’t helped with mobile view unfortunately.

Ok, got it!
After update i’ve got some problems, could you help me with it?

With header
My logo doesn’t change as it should when i’m changing the resolution (make it higher). As a result it looks like this http://files.webfile.ru/771b531408c16721d80711264313978f
And there is an odd stuff on the right. It seems in this version of the theme i need to make background picrure for header larger, but how many pixels should it be? Will it fix my problem or it’s because of something else?

In another resolution it still looks like this
http://files.webfile.ru/3eb8bb8a7b0717343d3daeab18f1dd95
It seems i found the reason (on the picture), but don’t know how to fix it. When i use .span8 width: 430px; – (originaly it’s 492px) everithing is ok. This width is only for this resolution, if resolution is getting more, this width is getting more too and in other cases it’s ok. I hope you know what i mean. I just hold ctrl button and use wheel on the mouse and see the changes.

About mobile view. Before you gave me some custom code to fix some stuff and it worked (https://forum.tagdiv.com/topic/mobile-view/), but in this version it doesn’t work anymore http://files.webfile.ru/973fcef799a15cf0be8e9e84a8cda0f2

Sidebar is located under content part
http://files.webfile.ru/6b75088f3da928f51fcff1da3e3fbbdd

Some elements in sidebar look like this
http://files.webfile.ru/2581776d4f615cfa1285a424089e8f3f

And i can see only left part of my footer

I solved this problem. If someone helps do this:

In style.css change Post template 4 code with:

/* ----------------------------------------------------------------------------
Template 4
*/
.td-post-template-4 header {
position: absolute;
bottom: 0px;
}
.td-post-template-4 header .entry-title,
.td-post-template-4 header .td-post-sub-title,
.td-post-template-4 header .meta-info,
.td-post-template-4 header .entry-date,
.td-post-template-4 header .td-post-author-name a,
.td-post-template-4 header .td-post-comments a {
color: #ffffff;
}
.td-post-template-4 header h1 {
font-size: 24px;
line-height: 29px;
margin-top: 7px;
margin-bottom: 5px;
position: relative;
right: 2px;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1023px) {
.td-post-template-4 header h1 {
font-size: 24px;
line-height: 29;
}
}
@media (max-width: 767px) {
.td-post-template-4 header h1 {
font-size: 24px;
line-height: 29px;
right: 0px;
}
}
.td-post-template-4 .meta-info {
margin-bottom: 16px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .meta-info {
margin-bottom: 10px;
}
}
.td-post-template-4 .entry-thumb {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset;
transition: box-shadow 0.2s ease-in-out 0s;
padding-bottom: 0px;
margin-bottom: 0px;
}
.td-post-template-4 .entry-crumbs {
top: 0px;
padding: 15px 0px 15px 0px;
}
.td-post-template-4 .td-post-header {
width:680px;
padding-top: 0px;
border-bottom: 0px;
}
.td-post-template-4 .td-post-sharing-top {
border-top: 0px;
border-bottom: 1px solid #e6e6e6;
}
.td-post-template-4 .td-post-featured-image {
min-height: 200px;
background-color: #444444;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .td-post-featured-image {
min-height: 182px;
}
}
.td-post-template-4 .td-post-featured-image .wp-caption-text {
bottom: 0;
color: #FFFFFF;
position: absolute;
right: 0;
margin-right: 20px;
max-width: 400px;
height: 17px;
overflow: hidden;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .td-post-featured-image .wp-caption-text {
display: none;
}
}
.td-post-template-4 .td-post-content {
border-top: none;
margin-top: 0px;
padding-top: 14px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-template-4 .td-post-content {
padding-top: 10px;
}
}
.td-post-template-4 .td-post-sub-title {
font-size: 16px;
line-height: 26px;
border: 0px;
padding: 0px;
}


In single_template_4.php delete all and paste this:


<?php
// Template 4 - post-final-4.psd - full image + overlay full title
//get the global sidebar position from single.php
global $loop_sidebar_position;

}
?>
</div> <!-- /.td-pb-row -->
</div>
</div> <!-- /.td-container -->
</article> <!-- /.post -->


Now, go to the Theme panel in Post Settings activate Post style 4.

Good luck 🙂

Okey, this is for the AD Box, but i need to change also the ads on header, with a dobuleclick ads code…

@Lucian, Sorry to have commented on the wrong topic (about newsmag).

I wish my ad stay that way on all pages, posts and categories, below de main menu: http://www.screencast.com/t/6mgjQsbu

But it is getting that way: http://www.screencast.com/t/ZP5653su7pi
Actually I just wanted to reduce the space between the announcement and the links below it.

I am using the header style 3 with these settings: http://www.screencast.com/t/22u7izaff

Thanks again!

Hi Lucian,

Thanks again for your excellent help. I checked with MaxCDN and they said the revolution slider arrow problem was due to browser security and I needed to add a CORS header in my .htaccess file to display the arrows correctly. They also gave me the code to do this. So that should fix that problem.

As regards the video playlist problem I’m puzzled because I followed your instructions and I still can’t get it to work.

The individual youtube videos play ok but not the playlist player.

Any further thoughts on this?

Thanks

Derek

Never mind! I figured it out 🙂

Theme Options > Theme Colors > Header

Don’t put an advert code in the header ad box ?

Choose different header layout from the theme panel ?

Perhaps be more specific.