Logo is outside of page

If you are planning to organize any conference or festival, there are many ways to get help via our forum.
GK User
Sat Aug 29, 2015 10:21 am
Hi there and thank you for all the help, that you provided so far.

I do have one more thing: I uploaded a graphic image and use it instead of the text-logo (css-logo). When I scroll down the page and the logo moves to the left only two third of it will be displayed, the rest is outside the page. Is there any way to change that?

I could try to just change the image file so that the relevant information is placed at the lower part of the image, but the logo I use is a circle and so it would make the logo a lot smaller ...

Thanks again for your help!
User avatar
Fresh Boarder

GK User
Mon Aug 31, 2015 9:45 am
Hi,
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?
User avatar
Moderator

GK User
Mon Aug 31, 2015 2:07 pm
I have send you a PM ...
User avatar
Fresh Boarder

GK User
Tue Sep 01, 2015 9:48 am
Did you get my message?
User avatar
Fresh Boarder

GK User
Wed Sep 02, 2015 8:52 am
Yes, sorry for the delay (2 days off).

Please try to add the following custom css code:
Code: Select all
#gk-header-nav.active #gk-logo {
   top: 40px;
}
User avatar
Moderator

GK User
Wed Sep 02, 2015 11:19 am
This works great. Is there any code to alter the appearance for the mobile version as well?
User avatar
Fresh Boarder

GK User
Wed Sep 02, 2015 11:07 pm
Try to add this code:

Code: Select all
@media (max-width: 900px) {
   #gk-logo.gk-small-logo img {
      top: 28px;
   }
   #gk-logo.gk-small-logo img {
      max-width: 80px;
   }
   .frontpage-block-wrap #gk-logo {
      margin-top: 0!important;
   }
}
User avatar
Moderator

GK User
Sat Nov 07, 2015 8:25 pm
Piotr Kunicki wrote:Try to add this code:

Code: Select all
@media (max-width: 900px) {
   #gk-logo.gk-small-logo img {
      top: 28px;
   }
   #gk-logo.gk-small-logo img {
      max-width: 80px;
   }
   .frontpage-block-wrap #gk-logo {
      margin-top: 0!important;
   }
}

Work on tablets but not on mobile device
User avatar
Expert Boarder

GK User
Sun Nov 08, 2015 10:50 pm
Try to add also the following code:
Code: Select all
@media (max-width: 640px) {
   #gk-logo {
      margin-top: 0;
   }
   #gk-header-nav.static #gk-logo {
      top: 0px;
      max-width: 100px;
      margin-left: -50px;
   }
   #gk-header-nav.active #gk-logo {
      top: 0;
   }
.frontpage #gk-logo.gk-small-logo img {
   max-width: 100px;
   top: 40px;
}
}
User avatar
Moderator

GK User
Fri Nov 27, 2015 3:51 pm
I have nearly the same problem. I added a new logo but it will not fit in correctly.
User avatar
Fresh Boarder

GK User
Mon Nov 30, 2015 10:10 am
@contentnewmedia,
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?
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.