1. Stefan van Delft
  2. The Hills Template
  3. Friday, 16 June 2017
Hi, good evening,

I'm trying to customize the layout of the menu of the The Hills template.
The 120px height is too much for me and I would reduce that to 60.
With this code in my custom.css the menu itself is reduced to 60px:


.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
line-height: 60px !important;
}

.sp-megamenu-parent>li.sp-has-child>a, .sp-megamenu-parent>li.sp-has-child>span {
line-height: 60px !important;
}

#sp-header {
height: 60px !important;
background-color: rgba(255,255,255,0.5) !important;
}


However, it seems like there is a container (?) that causes another space (#sp-page-title) of 60px (see the screenshot).
I would like the slider to start at the same height of the menu items animated horizontal green lines.

After 2 hrs of trying... no success :o
Is there something that I don't get?

Have a nice weekend!
Stefan
Attachments (1)
You do not have permission to view the content of this accepted answer.


There are replies in this post but you are not allowed to view the replies from this post.

Categories

Joomla! Templates
  1. 44 posts
  2. 13 subcategories
HTML Templates
  1. 0 posts
  2. 6 subcategories
Graphic items
  1. 0 posts
  2. 0 subcategories
WordPress Themes
  1. 0 posts
  2. 2 subcategories
Off Topic
  1. 0 posts
  2. 0 subcategories
Announcements
  1. 1 post
  2. 0 subcategories