Virtualei Posted December 8, 2015 Report Share Posted December 8, 2015 Ok guys I thought I would have a go at doing a skin from a template. Here is my first attempt. Thanks to ITRobb for his post tutorial. Screenshots are at https://gyazo.com/6a...97c35c9b5bbc0f8 https://gyazo.com/99...283b5cb5fd7f62f Feel free to use Can also be downloaded here caalair.zip 2 Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 9, 2015 Author Report Share Posted December 9, 2015 Here is the finished version with a better screenshot. It can be viewed properly at jet2virtual.com https://www.dropbox.com/s/71hdsibay4sobgn/Jet2%20site.png?dl=0 Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 12, 2015 Author Report Share Posted December 12, 2015 I have a slight problem. The NAV bar does not appear on mobile devices. Can anyone help please Quote Link to comment Share on other sites More sharing options...
flyalaska Posted December 13, 2015 Report Share Posted December 13, 2015 Whats the demo URL? Quote Link to comment Share on other sites More sharing options...
ctabuyo Posted December 13, 2015 Report Share Posted December 13, 2015 I have a slight problem. The NAV bar does not appear on mobile devices. Can anyone help please Have you use bootstrap for it? If so, did you use the bootstrap resposinveness functions? Regards, Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 15, 2015 Author Report Share Posted December 15, 2015 Hi , The URL is jet2virtual.com I havnt used bootstrap. I must stress I am a total amateur at this. This is my first skin Quote Link to comment Share on other sites More sharing options...
ctabuyo Posted December 15, 2015 Report Share Posted December 15, 2015 In that case you haven´t set what to do with your menu on mobile devices on the .CSS file: Try something like this, (you might have to adapt the code, and change the name of the menu in this code): @media screen and (max-width: 643px) { ul.nav-menu, div.nav-menu > ul { display: block!important; }} Regards! Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 15, 2015 Author Report Share Posted December 15, 2015 Thanks for the reply Ctabuyo. Didnt work unfortuantely. I did try this as well but no luck @media screen and (max-width: 643px) { ul.cssmenu, div.cssmenu > ul { display: block!important; }} Quote Link to comment Share on other sites More sharing options...
flyalaska Posted December 18, 2015 Report Share Posted December 18, 2015 I wouldn't worry about it. The skin isn't mobile friendly anyways Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 18, 2015 Author Report Share Posted December 18, 2015 I wouldn't worry about it. The skin isn't mobile friendly anyways Ok Thanks but maybe you could tell me how to make it mobile friendly, as I said I am an amateur Quote Link to comment Share on other sites More sharing options...
flyalaska Posted December 18, 2015 Report Share Posted December 18, 2015 In your css you have #cssmenu #menu-button {display: none; That may have something to do with it. Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 18, 2015 Author Report Share Posted December 18, 2015 In your css you have #cssmenu #menu-button {display: none; That may have something to do with it. Would you know what should be in there please Quote Link to comment Share on other sites More sharing options...
Virtualei Posted December 20, 2015 Author Report Share Posted December 20, 2015 Hi all. I have changed the menu on this skin so that it is mobile friendly. You need to replace the CSS file and the core_navigation file. The new files are attached new css and Nav.zip 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.