[Sakin]

@blackkeys: Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-right { clear: both; }

[blackkeys]

Hi
Yes it works, thank you, but its created a huge white space below the header. I don’t want that.

I’ve searched for hours on the forums and tried all the codes, its driving me crazy. Please help.

http://sweetandsalty.biz

Current CSS is as below:

#header-right { clear: both; }

.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 5px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

@media screen and (min-width: 961px) {
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 5px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }
}

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}

#hgroup-wrap .lang-item img { display: inline; }

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

[Sakin]

@blackkeys: YOu can add the following CSS to remove the padding top in the widget.
#header-right { padding-top: 0; }

[blackkeys]

Thank you so much for that. Its definitely sorted it a bit. But there is still some white space below the header logo. How can I remove that? Leaving only 5px like at the top.

I think it may be to do with the following lines in my code

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

http://www.sweetandsalty.biz

All my custom code is below:

#header-right { clear: both; }
#header-right { padding-top: 0; }

.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 0px; }
#hgroup-wrap { padding-left: 150px; }
#hgroup-wrap { padding-right: 10px; }

@media screen and (min-width: 961px) {
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 0px; }
#hgroup-wrap { padding-left: 150px; }
#hgroup-wrap { padding-right: 10px; }
}

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}

#hgroup-wrap .lang-item img { display: inline; }

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

[Sakin]

@blackkeys: You don’t need to post your Custom CSS. I can get it from your Site. The confusion I have in your request now is between logo and the language flag. You told me that language bar should be clear below the logo on right. So, I gave CSS to clear #header-right { clear: both; }. That is why the space between the logo and the menu bar is the space of flag. Just put a scale below the log and it is inline with your language file.

[blackkeys]

Hi
Okay what I meant is the bottom of the circle on the logo and the language widget need to be in line with each each other so:

Bottom of circle____________________Language Widget

With 5 px under them (before menu). So no huge white space. Please can you tell me the code for this?

Thanks

http://www.sweetandsalty.biz

[Sakin]

@blackkeys: Then first remove the following CSS from your Custom CSS box.

#header-right { clear: both; }
#header-right { padding-top: 0; }

And then add the following CSS in your Custom CSS box.

@media screen and (min-width: 961px) {
#header-right { padding-top: 148px; }
}

[blackkeys]

Excellent, thank you.

[blackkeys]

Hi
The code you gave previously has resulted in a slight issue.

When you move through the menu pages in Indonesian, the language widget stays in line but the header area is jumping around all over the place.

In English the header is jumping about and the language widget doesn’t stay in line.

How can this be fixed?

Thanks.
http://www.sweetandsalty.biz

[blackkeys]

In regards to previous post. The problem is in firefox viewed on a desktop.

Thanks.
http://www.sweetandsalty.biz

[blackkeys]

Ok so I have fixed the above issue. Strange, it was something to do with the page names.

I put in the following CSS and now the issue is resolved.

.page .entry-title {
display: none;
}

[Author]

Posts