Search Results for 'logo'

But the logo not in the left, see my pic please

Thanks. Tried it but logo doesn’t move. You’re right about header style 1 – but what I actually want is the logo left like style 1 – but the banner above the logo, and the banner was easier to move in style 9. Hae a look here: https://www.standby.dk/

It has to be something within the theme preventing Rev Slider to go full width, also I noticed that the top menu and main menu are boxed as well. I tried every single header and they all look boxed, the one I will use for my website is Style 10: Full Logo on top + Centered Menu.

If you look at your politics demo, you will see full width menu backgrounds and full width Rev Slider. I must assume you added custom CSS, because I seriously tried every single thing…

I want make the logo on left but the menu tab on middle ( center )

which one from the option?

Thank you

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;
}
}

Thanks for your reply,

Is it possible through css editing to keep the big (full) logo on top or bottom like on styles 10 or 11 but also keep a background highlight on hover instead of underline like on styles 1,3,4,5 etc?

Every style with background highlight on hover has small logo on the side.

Thanks in advance!

Hello JDF and Bogdan,

I hope you don’t mind me joining your conversation. I would like to know how you solved JDF’s issue #3 (setting mobile header height with CSS).

I have searched for how to solve this but cannot find the solution. This screenshot at this link will show you that I need to increase the height of the white-space header behind my logo and menu button: https://www.screencast.com/t/mi6La8Di

(I was not happy with the smaller size of my mobile logo with menu so I changed the CSS a little, fyi.) Thank you for any guidance you can give me on where you located this in CSS!

Nick

Hi Bogdan!

1. I forgot to mention that “Perfiles” is a subcategory under “Sociologos/as”, so lets say “formally” the post ins classified under “Sociologos/as” although that category is not selected for that post. Anyway, I thank it’s no so much of a problem that the tag appears there; lets leave it like that.

2. Awesome! Thanks a lot again for the support! Worked perfectly. 🙂

Cheers,

Fidel