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!
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!
-
- 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?
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?
-
- Moderator
- GK User
- Mon Aug 31, 2015 2:07 pm
I have send you a PM ...
-
- Fresh Boarder
- GK User
- Tue Sep 01, 2015 9:48 am
Did you get my message?
-
- 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:
Please try to add the following custom css code:
- Code: Select all
#gk-header-nav.active #gk-logo {
top: 40px;
}
-
- 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?
-
- 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;
}
}
-
- 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
-
- 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;
}
}
-
- 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.
-
- 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?
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?
-
- Moderator
11 posts
• Page 1 of 1