Change header style 1 height to 50% more

Posted in: Newspaper
Post count: 41

Hi,

Where I can setup height for header?
Only this element: http://prntscr.com/fx3o5d
Becouse i have big logo and dont fit: http://prntscr.com/fx3ojf

Can you share solution for my problem?

many thanks

Post count: 20685

Hi,

Some header styles have a required logo size, the logo should be uploaded in the mentioned size for best results
https://forum.tagdiv.com/logo-favicon/
Header styles 9, 10 and 11 do not have a required size. You can use any image size you want in these styles
https://forum.tagdiv.com/header-styles/
There is no theme option to modify the header height. It can only be done with custom modifications. If you want to try, here is a tutorial about how you can use the browser inspector to identify the elements used on a page and their classes, in order to create custom code that you can use in the theme panel
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Post count: 41

Hi,

For me best is style 1 🙂

I do some css modification:


<code> .td-banner-wrap-full,
 .td-header-header {
    height: 180px;
}
.td-header-style-1 .td-header-sp-logo img {
    max-height: 160px !important;
}
.td-header-style-1 .td-header-sp-logo {
    height: 116px !important;
}
.td-header-style-1 .td-header-sp-recs {
    margin: 43px 0 9px 0 !important;
}

Looks almost ok: http://prntscr.com/fx5ia4 on this screenshots. How align to logo img to left side?

If you need access to my website, open private box or I will send you access. My website need login and password to view.

many thanks.

  • This reply was modified 9 years by john80.
  • This reply was modified 9 years by john80.
  • This reply was modified 9 years by john80.
Post count: 20685

Hi,

Glad you could customize the header style the way you want. To align the logo to the left side, you could use a code like this
https://www.screencast.com/t/L7xo8KCYx4Q2

.td-header-style-1
.td-header-sp-logo {
margin-left: 0;
}

Try it and see if it works properly for you.

Thanks

Post count: 41

Hi,

Thank you. I do this but is not so good 🙁
What we can do with this?
Screenshots: http://prntscr.com/fxjhi1

I can send you access to my website, but how?

many thanks

Post count: 20685

Hi,

This code should work (for me it is working properly), it will place the logo on the left while the header ad will remain where it is
https://www.screencast.com/t/GenUQLzMv

.td-header-style-1
.td-header-sp-logo {
margin-left: 0;
margin-right: 56px;
}
.td-header-style-1
.td-header-sp-logo img {
margin-left: 0;
}

If it does not, you can send us an email at contact@tagdiv.com and provide your website and login information. Also paste link to this topic in your email.

Thanks

Post count: 41

Hi,

Right now is okay.
Thank you so much.
Close ticket.

best regards

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.