1. Bugsys
  2. Commercial Templates
  3. Tuesday, 30 August 2022
  4.  Subscribe via email
Hello Ciaran,
quick question:
How to reduce the distance between the top edge and the logo in the template NINA?
Thank you very much already!
Helmut
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hey Helmut

Did you try here in the template settings/logo tab?

Ali
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ali!
Thanks for the quick reply! :-)

But unfortunately with this setting you can only move the logo.
I would like to have the whole area in which the logo is displayed narrower.
e.g. on a cell phone the space above is much too much.
Thanks a lot!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Helmut,

the class .container_header contains a padding-top with the value 4rem.

If you set this padding-top to a lower value in your custom.css you can shrink the space.

Original class (in one of my pages):


.container_header {
position: relative;
width: 100%;
z-index: 99;
transition: all 300ms ease;
padding-top: 4rem;
box-shadow: 0 1px 1px rgba(0,0,0,0.03),0 2px 2px rgba(0,0,0,0.04),0 4px 4px rgba(0,0,0,0.05),0 4px 8px rgba(0,0,0,0.05);
}


Add this to your custom.css:


.container_header {padding-top: 1rem;}


Replace 1rem with any other value you prefer.

I hope this helps.

Oliver
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Oliver !

Sorry for the late reply!
Many thanks for your great tip.:D
Exactly the setting I needed and it worked great.

Thank you again and I wish you a nice evening!

Best regards
Helmut
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!