Move logo from left to center

Hi
I need to move my template logo in the center of the page. What is the right code that I have to use for the override.css file? Can you help me?
Tks

P.s. sorry, no FTP or siteURL becouse the site is not online

mov_tmp_logo.jpg

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi, sorry for my late reply.
this is the solution that I've found waiting your answer.
The code on my override.css is the fallowing:

Code: Select all

#gkLogo {
  display: block;
  margin: 0 auto;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 100%;
}
#gkLogo img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 450px;
}
@media only screen and (max-width:1024px) {
#gkLogo img {
width: 250px;
}
}
@media only screen and (max-width:830px) {
#gkLogo img {
width: 135px;
}
}
@media only screen and (max-width:650px) {
#gkLogo img {
width: 90px;
}
}


... seems to work.

... but cloning your demo content style I still have problem in mobile visualization with module positions bottom1 and bottom3

bottom1.jpg

bottom3.jpg

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi, sorry for my late reply.
this is the solution that I've found waiting your answer.
The code on my override.css is the fallowing:

Code: Select all

#gkLogo {
  display: block;
  margin: 0 auto;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 100%;
}
#gkLogo img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 450px;
}
@media only screen and (max-width:1024px) {
#gkLogo img {
width: 250px;
}
}
@media only screen and (max-width:830px) {
#gkLogo img {
width: 135px;
}
}
@media only screen and (max-width:650px) {
#gkLogo img {
width: 90px;
}
}


... seems to work.

Hi

I'm afraid I will not be abel to help without loooking at Your site first. Just ignore this problem for now and let me know when I'll be able to check it.

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:1300px) {
.gk-parallax-overlay h2 {
    line-height: 38px;
}
}

@media only screen and (max-width:800px) {
.gk-parallax-overlay p {
    padding: 60px 140px;
}
}

@media only screen and (max-width:600px) {
.gk-parallax-overlay p {
    padding: 20px;
}

.box.video-bg .gk-border-box {
    padding: 20px;
    width: 100%;
}
}


Great! I had found a different solution (an escape). Now with your code both modules work perfectly

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro