Social Icons

GK User
Sat May 23, 2015 2:46 am
Hi,

Please look the image attached.

1. How can I set the social icons at the same level of the header logo image in the desktop view?

2. How can I do the social icons will be showed with enough room in smartphones?

Thanks!
User avatar
Senior Boarder

GK User
Sat May 23, 2015 4:05 am
Hi,
Do not get me wrong, but content is always more important that social icons. Besides users with bigger smartphone(s) screen people can see more area.
In your case, I think you/we have to reduce logo size and some margins in iphone view only. It may help. But start with that. Because I didn't saw test URL.

Are you using a image logo?
If yes, try this:
@media only screen and (max-width: 440px) {
.gk-logo img {max-height: 50px !important;}
}
User avatar
Platinum Boarder

GK User
Sat May 23, 2015 5:02 pm
Hi Oscar,

Sorry the url is https://eggersmannusa.com/test2/ and yes the logo header is an image.

Well, thanks for the code but it doesn't made any difference. What else can I do to fix this issue?

Thanks!
User avatar
Senior Boarder

GK User
Sat May 23, 2015 5:39 pm
Thinking about you said,

In mobile it's okey the social icons display under the logo image, I just want that they fit with enough room in the bottom of the header.

Now, in the desktop view, it would be great if the social icons will displayed in the same level with the image logo. There is enough room.

Thanks!
User avatar
Senior Boarder

GK User
Mon May 25, 2015 10:36 pm
Now when I have URL, I can work under top margin and be more focused on real working solutions, before there were only shy proposal.

Ok, please add also try this (leave my old code also):
#gk-social {
margin-bottom: 35px;
margin-top: 10px !important;
}
User avatar
Platinum Boarder

GK User
Tue May 26, 2015 3:48 pm
Working good!

Thanks a lot!
User avatar
Senior Boarder


cron