Article Header Does Not Responsive For Mod. News Show ProGK5

Hi,

I used News Show Pro GK5 for my homepage.

In desktop view, article header in links layout is on the right of the image and looks nice.

homepage-desktop.jpg

However, in mobile view, the header is at the bottom of the image.

homepage-mobile.jpg

I really want to move the header to the right of the image like in desktop mode, can you help me to do that?

Here is what I configured the link layout.

link-layout configuration.jpg

Thank you and regards,

Hai

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? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi Teitbite,

I already sent you a message. Please help me to check.

Thank you and regards,

Hai

Hi Teitbite,

Please help me with issue in this topic too:

https://www.gavick.com/forums/news2-joo ... ugin-50836

Thank you and regards,

Hai

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:580px) {
.nspLinksWrap.right .nspLinks {
    padding-left: 3px !important;
}

.nspList > li > .nspImageWrapper {
    margin-right: 10px !important;
    width: auto !important;
}
}


Thank you very much Teitbite,

It works like a charm now.

Please help me on the same problem with News Show Pro GK5 (but for article layout) and Tabs GK5 too.

When in desktop view, the articles are displayed well. Text is on the right of image, but in mobile view, the text jumps to bottom of the image.

In desktop view:

desktop view copy.jpg

In mobile view:

Tabs GK5:

tabs GK5.jpg

News Show Pro GK5 - Article layout

News Show Pro GK5.jpg

I already send you an URL that show the problem. The modules locate on the right hand.

Please review and help me.

Thank you a lot and regards,

Hai

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:600px) {
.nspMain .nspImageWrapper {
width: auto;
margin-right: 15px;
}

.nspMain .gkArtContentWrap {
    width: auto;
}
}


Thank you very much Teitbite.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro