Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#986362

Hi
I saw my code is modified , kindly add the same code and it will work

@media screen and (min-width: 768px) {
.t3-sl-1 {
    position: absolute;
    top: 200px;
    z-index: 9999;
}}

Hope its clear now !

1 user says Thank You to Pankaj Sharma for this useful post

1. librandi

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#986507

Hi Pankay Sharma,
now it’s fantastic, but the drop menu is hide when it is open, I try whith z-index in custom.css but does’t work.
And can you explane me how I could change margin top in small screen.
thank you for you patient.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#986694

Hi
To apply style for different screen sizes you can follow the Media query option .
Here is doc .

For z-index issue , kindly modify the older code with this code

  @media screen and (min-width: 768px) {
    .t3-sl-1 {
        position: absolute;
        top: 200px;
        z-index: 9;
        padding-top: 0px;
    }}

It will solve the problem .

[Author]

Posts