1. crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Saturday, 17 December 2022
  5.  Subscribe via email
Hi Ciaran

this template shows on mobile screens an enormous but unnecessary margin to the very top of the page. I found the css code that is responsible for this:

#container_header {
margin-top: 60px;
}

and changed it to

#container_header {
margin-top: 0;
}

I do not know the reason for this margin. It is consuming a significant part of a small mobile screen, where any inch is precious. I hope, setting it to 0px has no unexpected side effects.

Kind regards
Chris
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Your solution is correct. The space above the header was a design choice and there is no ill effect from removing it.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • 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.