Caalair Skin

Skinning - Legacy phpVMS (v2/v5) Releases
1

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](< base_url >/applications/core/interface/file/attachment.php?id=1572)

2

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

3

I have a slight problem. The NAV bar does not appear on mobile devices. Can anyone help please

4

Whats the demo URL?

5

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,

6

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

7

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!

8

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;
}}
9

I wouldn’t worry about it. The skin isn’t mobile friendly anyways

10

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

11

In your css you have

#cssmenu #menu-button {display: none;

That may have something to do with it.

12

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

13

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](< base_url >/applications/core/interface/file/attachment.php?id=1576)

1 Like