Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083574

Hi @crossix,

Kindly share the credentials of your site, I will check for you.

Regards

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083576

Hi,

It due to the menu class: nav-pills and _menu class suffix you put for that menu module.

I updated the settings as our demo site for you: http://prntscr.com/ht6bgr

And it displays vertically now.

Kindly check.

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083577

did, please explain me so i can do it! thanks

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083578

where to change the background color of the navbar?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083580

Which navbar are you referring to? Kindly share screenshot highlighting it.

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083581

main menu navbar or t3.navbar

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083583

You can try to add this CSS:

.t3-header {
    background-color: #de5757;  /*change to your desired color*/
}

to the file: root/templates/uber/css/custom.css (create this file if it doesn’t exist)

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083750

Hi saguaros, got another questions. im using a slider that i published on slideshow position, however the image of the slider doenst show correctly when shrinking the image to a mobile view, see image attached, also i have a ACM call Our services, the images of it are going above the sticky menu bar, it should be behind when scrolling down, see attachments. hope you can help me. thanks

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083823

Hi,

You can try to use this custom CSS:

@media (max-width: 767px){
.itemid-101 .wrap.sections-wrap {
padding-top: 52px;
}
}

.t3-header.affix {
z-index: 100;
}

Hope this helps.

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083888

thank you saguaros, that fix the overlap issue on mobile, now the second question was how to fix the images and text of the "Our Services" going over the sticky bar, see the attachment!
thank you saguaros

---

Attachments:

1. 

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083940

hello, would you please look at it?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083973

Hi,

Basically, it relates to the z-index, you can increase above value for z-index, it will show fine.

I just checked your site on mobile and it looks fine now, did you get it solved?

Cheers!

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083988

i put bunch of codes examples from another custom.css, but i want the right one, i primarily use

clsHeader {

z-index: 99;

}
but it didnt solved it, check it out

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1083990

i solved with the code

 .t3-header {
        z-index: 50!important;
    }
    #clsHeader {
        z-index: 99;
    }

1 user says Thank You to crossix for this useful post

1. Saguaros

[Author]

Posts