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
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. # 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
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. # 3
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. # 4
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.