6 comments found

Looks nice. Good luck with sales.

Nice work. Good luck :)

eminat99 Purchased

Hello,

Love many of the functions of your template, but finding it does not work on an iPad. I loaded your exact files down to the server and tried to see what it looked like on an iPad. The landscape version is awesome, but when you turn it vertical to portrait mode, part of the menu drops down to the next line, the logo moves, and the slider does not fit on the screen. Plus the whole template seems shifted a bit to the left. Take a look and let me know what can be done to fix this. Thanks!

http://www.essexcinemas.com/ff/html/index.html and one I started to play with http://www.essexcinemas.com/ff/html/index3a.html
focpress

Okay, thank’s for purchase from Focpress …. :D

For navigation menu you can edit padding with smaller size like :

nav_menu ul li a {

padding: 8px 12px; }

(layout.css line 2246)

And for logo you can give with smaller size of margin-top like :

header .logo {

margin-top: 10px; }

(layout.css line 2229)

And for slider i will soon fix that ….. :D

Thank’s you can contact me again ….

eminat99 Purchased

Yes the changes you suggested above worked great with respect to the logo and menu. All is well there. I really look forward to the slider area getting fixed…that would be great! Also, in the Latest Projects section, the third image gets cut off when you go from landscape to portrait on the iPad, similar to the slider area. Lastly, I updated the twitter feed using our username and it updates to our feed on the desktop computer, but not on the iPad.

http://www.essexcinemas.com/ff/html/index3a.html

Any help with these items would be great as I really want to use this template to its fullest! Thanks!

focpress

Okay,

for slider you can fix with this way :

1. Open css/parallax.css and then find this code (in line 44) :

.da-slider-fb .da-slide .da-img{

2. Then edit like this :

.da-slider-fb .da-slide .da-img{
    left: 66%;
    opacity: 1;
}

And for Latest Projects section you can change like this :

1. Open css/layout.css and then find this code :

@media only screen and (min-width: 768px) and (max-width: 959px) {

- After that find this code :

.client_lists ul li {
    margin:12px 0px;
}

- And add this code above the code like this :

.latest_projects ul li {
    width:270px !important;    
    height:270px !important;    
}

.client_lists ul li {
    margin:12px 0px;
}

2. find this code :

@media only screen and (min-width: 480px) and (max-width: 767px) {

- After that find this code :

.client_lists ul li {
    margin:12px 0px;
}

- And add this code above the code like this :

.latest_projects ul li {
    width:205px !important;    
    height:205px !important;    
}

.client_lists ul li {
    margin:12px 0px;
}

3. find this code :

@media only screen and (max-width: 479px) {

- After that find this code :

.client_lists ul li {
    margin:12px 0px;
}

- And add this code above the code like this :

.latest_projects ul li {
    width:295px !important;    
    height:295px !important;    
}

.client_lists ul li {
    margin:12px 0px;
}

And for twitter integration, i try in some tablet emulator and the twitter feed work properly ….

Thanks …..

eminat99 Purchased

The twitter on the iPad version works now…thanks! I will try the changes you suggested. I notice when I start looking at the site in portrait view, the whole site is not shifted to the left. But if I turn it to landscape and then back to portrait, the whole page is shifted to the left and there is a white strip on the right. I did a screen capture of this, if you would like me to send it to you. Thanks for all your help and I will let you know how the other changes go,

eminat99 Purchased
Oops, forgot another thing. In the upper right hand corner where I have the social media links, the images disappear when I turn the iPad and go from landscape to portrait. Any chance those can stay on there? Thanks! http://www.essexcinemas.com/ff/html/index3a.html
focpress

You can find this code, and remove them :

#header .top_info {
    display:none;    
}

by
by
by
by
by
by