need help for Creative

Was with Joomla since 2009, had hands on many templates but this is the first template which is advanced and the other hand very easy to Edit. I am really looking forward for more templates from Gavick, keep it up Guys.

I came across few bugs/queries can anyone help me out Url [url]Chrisvanryn.com[/url]

Mobile and Tablet
1) How to decrease the Menu size of mobile menu bar size? Ref:

Screen shot 1.PNG

2)Tablet view my Image I replaced parallax_tablet_top.jpg has been placed under Menu bar how to move it ? Ref:

Screen Shot 2.png

3)The Social icons are making the webpage unstable, because home page is great on mobile but when i open an article its not fit as the facebook Signup text is not responsive

Screen shot 4 .PNG

Desktop and Tablet view
4) At bottom2 position my Custom Html Module which is inside <div class="gkFeature" wont allign in the Middle, can I know how to do it? I know its dumb Query but I Failed to find it. Ref: My PhotoGraphy h2

5) Mouse Hover Menu colour which is blue at the moment (could not find it in css)

Hi

1. Please add this code to mobile.css:

Code: Select all

#gkMainMenu {
    position: absolute;
    right: 0;
}


2. This should be added into tablet.css:

Code: Select all

#gkHeaderTop .custom {
margin-top: 50px;
}


3. Sorry I cannot help much for that.

4. Are this padding agged by You.

5. Here is a code for hover color:

Code: Select all

.gkMenu > ul > li:hover > a, .gkMenu > ul > li:active > a, .gkMenu > ul > li:focus > a,
.gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a,
.gkMenu > ul div.childcontent li.active > a, .gkMenu > ul div.childcontent li:hover > a, .gkMenu > ul div.childcontent li > a:hover {
    color: #7FB3EF;
}


Wooww! That was quick....
Thanks for no support, I have learnt so much but failed to bring gk_feature to align to the centre but i moved it by moving the padding but still i dont like it because in Tablet view, 1 st looks like big boob other one small

Hi

1. Please add this code to mobile.css:

Code: Select all

#gkMainMenu {
    position: absolute;
    right: 0;
}


2. This should be added into tablet.css:

Code: Select all

#gkHeaderTop .custom {
margin-top: 50px;
}


3. Sorry I cannot help much for that.

4. Are this padding agged by You.

5. Here is a code for hover color:

Code: Select all

.gkMenu > ul > li:hover > a, .gkMenu > ul > li:active > a, .gkMenu > ul > li:focus > a,
.gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a,
.gkMenu > ul div.childcontent li.active > a, .gkMenu > ul div.childcontent li:hover > a, .gkMenu > ul div.childcontent li > a:hover {
    color: #7FB3EF;
}


Hi

No problem glad I could help.