Display of module NEWS SHOW PRO GK5

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
Wed Sep 23, 2015 9:18 am
Reply with quote
Report this post
Hi supporters,
I installed module News Show Pro GK5 in the home page with 1 article in the main area on the left and 3 article in the link area on the right. It looks nice when viewing by computer with full screen width.
pic1.jpg

When viewing by mobile phone, with screen width less than 432 px. 3 articles at the link area move to the bottom of the main article. It looks nice too.
pic2.jpg

However, if the mobile screen is equal or bigger than 433px. The 3 link articles move back to the right of the main article. And because of the small screen, there is not enough space to display all the 3 articles on the right at the same height like the main article, so there is a blank area at bottom of the main article.
pic33.jpg

Can you help me to solve that issue? Maybe by defining that only with big screen of 665px or more, the 3 link articles will move to the right of the main article. Because at that size, it can have a better display with less blank area under the main article.
I look at template layout and found a configuration page for screen but I think that is not for the case.
So please review and help me.
Again, my url is http://photowording.com/
Thank you and regards,
Hai
User avatar
Gold Boarder

GK User
Fri Sep 25, 2015 2:01 pm
Reply with quote
Report this post
Please edit: /templates/gk_news2/css/override.css and add at its end:
Code: Select all
@media (max-width: 580px){
.nspArts, .nspLinksWrap {
    clear: both;
    width: 100%!important;
}
}

Now set 580px value to your liking.
Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Fri Sep 25, 2015 4:37 pm
Reply with quote
Report this post
Thank you Cyberek,

The module displays nicely now on mobile screen.

Hai
User avatar
Gold Boarder

GK User
Mon Sep 28, 2015 1:31 pm
Reply with quote
Report this post
If you have any additional questions regarding this topic, please let me know.
User avatar
Moderator

GK User
Tue Sep 29, 2015 11:15 am
Reply with quote
Report this post
Hi Cyberek,

I think this issue is well solved. Thank you for your support so far.

By the way, please help me with issue about table script affecting JCE toolbar. That problem affects main function of my website and it would be very grateful if you could help me to solve it.

I attached herewith the link of the topic: https://www.gavick.com/forums/news2-joo ... lbar-48134

Thank you again and best regards,

Hai
User avatar
Gold Boarder

GK User
Wed Sep 30, 2015 5:14 pm
Reply with quote
Report this post
I already did :).
User avatar
Moderator

GK User
Thu Oct 01, 2015 12:40 am
Reply with quote
Report this post
Yes, Cyberek. Thank you a lot.

Can you continue helping me with the issue on article view in this topic link? https://www.gavick.com/forums/news2-joo ... area-48166 :)

I am trying myself but not succeed yet.

Yours sincerely,

Hai
User avatar
Gold Boarder

GK User
Fri Oct 02, 2015 4:41 pm
Reply with quote
Report this post
I'll do ;).
User avatar
Moderator


cron