Repostition Header Background image on mobile device

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Dec 22, 2014 2:32 am
Reply with quote
Report this post
Hi

On this site:
http://selfiesticksaustralia.com.au

The main header image sits nicely on PC and Tablet display but does not align well on mobile - it hides the right side of the image.

Is it possible for the image to centre on mobile display so the image of the phone appears in the middle of the screen?

Cheers and Happy Holidays!
User avatar
Expert Boarder

GK User
Mon Dec 22, 2014 7:31 am
Reply with quote
Report this post
Please edit: /templates/gk_storebox/css/override.css and add at its end:
Code: Select all
.gkIsWrapper-gk_storefront .gkIsSlide {
background-position: 50% 50%;
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Dec 24, 2014 8:39 am
Reply with quote
Report this post
Thanks for the help. Worked perfectly.

All the best for the holiday season!
User avatar
Expert Boarder

GK User
Fri Dec 26, 2014 4:55 pm
Reply with quote
Report this post
Thank you, Merry Christmas and Happy New Year :).
User avatar
Moderator


cron