T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved bootstrap navigation height

0
Votes
Undo
  1. Franz Mairinger
    Franz Mairinger
  2. General Discussion
  3. Friday, 15 August 2014
  4.  Subscribe via email
Hi I have realised homepage http://www.beschillernd.at/nhp where a headermodule with a background foto is under the menu. When I downsize the browserwindow to immdate a smartphone screen resolution the menu system changes to the bootstrap navigation.
and the header jumbs a few pixel up.

Is there an option to define the height of the bootsrap navigation menu

kind regards
franz
Comment
There are no comments made yet.
Accepted Answer
Eugen
Eugen
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Franz,

the problem is not the navigation height... your css classes makes all this problems....

1.

look at div with class: .t3-module.moduletitelbild_coaching

margin-top: -58px;
margin-bottom: -50px;

Don't work with negative values! It's really bad praxis and just a 'hack' to get your position as you want.

So remove this.

2.

look at div with class: container t3-sl t3-sl-1

the padding-top and bottom is set to 40px.

You don't need it. So just override (create .t3-sl in your template less file) this!

(2px because of your white line)

.t3-sl {
padding: 2px;
}

Regards,
Eugen
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Responses (2)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Franz Mairinger,

I agree with Eugen's explanation and solution. It's about style.

One more thing, Megamenu is the desktop menu system. In small screens such as mobile, you can select to use either Bootstrap Navigation or Off-canvas.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.