social media aligment in k2 article-mobile inset error

February 2014 Joomla Template
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
Tue Feb 17, 2015 6:46 pm
Reply with quote
Report this post
Dear friends.

I managed to make the website up to some of my expectations of it.

I always find your css and html code wonderfull to work with.in the current time things it seems to me i cannot managed are this following errors

a) social media aligment in k2 article

in article http://www.enetpress.gr/el/politiki/art ... rania.html

there is used the custom template of k2 news layout.
i have set aside menu to off
i moved some elements to different parts. i thing all correct.
i cannot align the social media down on page to be aligned horizontally not vertically.

please help i tried and it seems to me something i missing but what.

b)mobile inset error

in same article as above or in any article in the web site in mobile view, i have this empty space left because of the nomobile notablet rule in modules.

i was thinking that a css rule of

Code: Select all
@media (min-width: 1120px)  {
                     #gkInset {
                     visibility: hidden;
                     }


will make it dissapear on mobile devices. but not. do you have to make a propossition cause i dont really need this column in mobile devices. makes article very small!

Thanks for any help.
User avatar
Junior Boarder

teitbite
Fri Feb 20, 2015 12:59 pm
Reply with quote
Report this post
Hi

1. Add this to override.css and make sure override is enabled in template settings:

Code: Select all
.itemSocialSharing > div {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    width: 32%;
}


2. Try with this code:

Code: Select all
@media (min-width: 1120px)  {
#gkInset {
    display: none;
}

#gkContentWrap > div {
    float: none;
    width: 100%;
}
}
User avatar
Moderator

GK User
Tue Feb 24, 2015 4:04 am
Reply with quote
Report this post
thanks my friend this worked like a charmed.

maybe you could check and this minor detail. i had found a relative article somewhere but didnt suit me.

the news show gk arrows appear with a red arrow in the frontpage.highlights mode.

thanks anyway great work..
User avatar
Junior Boarder

teitbite
Thu Feb 26, 2015 10:05 am
Reply with quote
Report this post
Hi

Of course I'll help, but You need to tell me what You want me to do with this arrow.
User avatar
Moderator

GK User
Sun Mar 01, 2015 3:23 am
Reply with quote
Report this post
They are red in the center and out of bounds they look at me. I think they don't display correct.

It is in first page the news gk5 animated module in banner left. I would like to display properly
User avatar
Junior Boarder

teitbite
Wed Mar 04, 2015 11:55 pm
Reply with quote
Report this post
Hi

Sorry for delay I broke my computer and could not work for the last couple of days. Unfortunately I could not locate this module. Have You removed ? Can You please tell me the exact url where this is located ?
User avatar
Moderator


cron