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]

#930134

Hi
Kindly follow the suggestion given in this thread for the same topic .
Hope it helps .

[edgarmiro Friend edgarmiroJoin date: July 2015Posts: 23Downloads:5Uploads:0 Thanks: 14]

#930267

Thanks a lot, I’ll give it a try. The web (https://www.northlondonappliancerepairs.co.uk) at the topic suggested works as I want.

Thanks for your great help

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

#930360

Your are welcome .

[edgarmiro Friend edgarmiroJoin date: July 2015Posts: 23Downloads:5Uploads:0 Thanks: 14]

#935123

Hi again, I tested what you suggested and workedfine on a large screen where the menu is on top. You can see the result here

But when the screen size is reduced (tablet size) has a strange behaivour. Before you start scrolling down the header looks fine but when you start scrolling down the off canvas menu also scrolls and disapear up. See the images below.

But when you reduce even more the size of the screen (smartphone) and scroll down happen also the same with the off canvas menu and also the header gets collapsed at the left. See images

Do you have any idea to avoid that the off canvas menu disapear when you scroll? should I have to add a sticky script to the offcanvas too? and do you have any idea how to solve the collapsed header?

The website is in progress but you can see it at : http://www.entropiaarquitectura.com/entropia_2015/index.php/en/

Thanks alot for your time and your great service.

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

#935203

Hi
Add this code in custom.css file
.t3-header {width:100%;}

Let me know if it helps.

[edgarmiro Friend edgarmiroJoin date: July 2015Posts: 23Downloads:5Uploads:0 Thanks: 14]

#935246

Thanks for your fast answer. I added the what you suggested at custom.css (according to the @media because adding to all media, with large screens "breaks" the JAdecor Style) and worked fine to avoid the collapsed header but the off-canvas menu still disapearing when scrolling up.

Should I add any other code in custom.css? or add a sticky script someqhere else? and I noticed that the sticky script is at "http://stickyjs.com/" can I download, save at my server and point it there?

Thanks again

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

#935252

Hi
add below code in custom.css fie with same media query

.off-canvas-toggle {
    position: fixed!important;
}

Beside the js code , yes you can also import it on your server and call it from your server files .

[edgarmiro Friend edgarmiroJoin date: July 2015Posts: 23Downloads:5Uploads:0 Thanks: 14]

#935261

Thanks a lot for your fast answer. Tested and worked perfectly.

Thanks a lot.

Regards

[Author]

Posts