Joomla Templates Club 406,261 posts

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#207260

Hello

I’m trying to setup the fixed menu in my template. I have a page with the same setup running just fine. For this page I added all the custom.css styles doing so every thing looked ok. As the last thing I changed the class used in header.php line 41 to <div id=”t3-mainnav” class=”t3-mainnav navbar-fixed-top navbar-collapse-fixed-top”>
This makes the menu go to the very left.
I must probably be missing something but I can’t find the problem.

Here is the content of my custom.css file
[PHP]
.ja-zinfp-featured .ja-zincontent-wrap.active { /*news module*/
display: block !important;
}

/*The picture of the slide show has to be full width*/
.ja-ss-item img {
width: 100%;
}

.ja-slideshow .container {
padding-top: 10px; /*slideshow has padding of 10 from menu bar*/
}

.ja-ss-desc {
top: 65%; /*65% from the top for the description box*/
width: 40%;
height:30%;
padding: 10px;
}

.head-search .search-query { /*search button in same line as the input box*/
float: left;
margin-right: 2px;
border-radius: 0;
width:80px;
}

.head-search .finder{
display:block !important;
}

.t3-megamenu .dropdown-menu .mega-nav li > a { /*font in megamenu has to be dark grey and add a little padding*/
border-top: 1px solid #eee
color: #666
display: block;
line-height: 20px;
padding: 5px 20px;
}

.t3-megamenu .dropdown-menu .mega-nav { /*font in megamenu has to be dark grey and add a little padding*/
margin-left: 4px;
}

@media (min-width: 768px) {
.navbar-collapse-fixed-top {
position: fixed;
width: 100%;
z-index: 1000;
}

section.wrap.ja-slideshow {
padding-top: 71px;
}
section.wrap.ja-masshead {
padding-top: 71px;
}
}

.back-to-top i {
color: #fff
}

#back-to-top .btn {
color: #000 !important;
height: 40px;
margin-right:15px;
}

#back-to-top {
bottom: 15px;
display: block;
position: fixed;
right:0;
}

.fa-fw {
text-align: left;
width: 2.5 em;
}

@media (max-width: 767px) {
.ja-header .ja-logo {
left: 50px !important;
}

.t3-mainnav .navbar .btn-navbar {
margin: 5px 5px 0px !important;
}

.head-search .search-query {
width: 55px !important;
float: left;
}

.head-search .finder {
margin-right: 0px !important;
}

.ja-header .ja-logo {
left: 50px !important;
}

.ja-header .ja-logo .logo-image img {
width: 60%;
margin-top: 5px !important;
}

.ja-header .ja-search {
right: 0px !important;
}

.head-search .finder .btn {
float: left;
}
}
[/PHP]

Can you give me a hint?

Thanks

Roger

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#573749

How are you wanting it to display?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#738763

How are you wanting it to display?

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#573751

See picture menu correct. Menu in between logo and search head.

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#738765

See picture menu correct. Menu in between logo and search head.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#573752

It would also be helpful if you could provide the url of the site you’re working on. 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#738766

It would also be helpful if you could provide the url of the site you’re working on. 🙂

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#573846

Hello

I’m sorry, I couldn’t remember, that I had this problem before. I will therefore close this thread.

http://www.joomlart.com/forums/topic/sticky-menu-positioning/

[Author]

Posts