Spacing from the very top

Hello,

I own 3 site running your theme. The last one I started has an unexplicable to me issue (unexplicable because it is set up the same as the earlier two). The issue is the space between the very top edge of the browser and the first line of text on the “Top menu” – it is fine for http://pavlikeni.com and http://velikotarnovo.com, but it is a bit wider for http://sevlievo.com.

Please advise how to remedy.

Thanks,
Peter

Hi,

Thanks for your response, and while the code you sent fixed the issue (thank you), I have to say my sevlievo.com custom CSS was identical to that of velikotarnovo.com (until I added your code to the former), so the problem must be somewhere else. Could the reason be that the theme for sevlievo.com was purchased a few days ago, and that for velikotarnovo.com a couple of months ago?

In addition, that same line of the Top menu is a bit too far to the left, compared again to velikotarnovo.com. How can I fix that?

The original custom CSS I have for velikotarnovo.com is below:

@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}

@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 272px;
float: left;
position: relative;
margin-left: 0;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 728px;
position: relative;
}

@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}

@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}

@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}

@media (max-width: 768px){
.td-main-menu-logo img {
width: initial!important;
}
}

Hello,

Thanks for your response. This was the point I was making – sevlievo.com has the same custom CSS as velikotarnovo.com and no other changes. I started it a few days back.

What code should I use to bring the top menu to the right?

Thanks,
Peter

Hello,

Thanks for your response, but this is not the problem I was describing.

If you open http://velikotarnovo.com, http://pavlikeni.com and http://sevlievo.com in 3 tabs next to each other in your browser and flip among them, you will see that the top menu for sevlievo.com is too much to the left. The 3 sites are IDENTICAL in terms of custom CSS and this problem is inexplicable to me.

Please advise.

Thanks,
Peter

• This reply was modified 9 years by Afterglow.

Hello Emil G,

Thanks for the response, but your observation and conclusion are incorrect.

If you open each of my site in 3 tabs on the same browser – one following the other, starting with http://pavlikeni.com, http://velikotarnovo.com and 3rd (the problematic one) http://sevlievo.com, then activate the first tab and focus on the relative position of the weather icon, then go to the 2nd tab (you will observe no change in position), and when you click on the 3rd tab you will see that the weather icon is a bit to the left.

The start of the top menu should be identical on all regardless the content to follow, as that content displays from left to right… The starting point should be all the same. The point you make about weather location being of different length also is also incorrect as pavlikeni is not as long as veliko tarnovo (written in Cyrillic on the weather menu for the first 2 tabs).

Not to mention the sevlievo.com top menu WAS too much below the top edge of the site and another user offered custom code above to fix that so it lines correctly on the vertical with the other two sites.

Thanks,
Peter

Thank you very much. This solves the issue. The mystery why the two issues described here were present and required custom CSS remains. I hope the developers read this convo.

Regards,
Peter