Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Responsive Design Improvements

Featured Lock Resolved
Hi,

There is a problem with the display of the Feature Icons in the mobile version. The icons are mashed up together and doesn’t look professional at all. They should be displayed in a vertical format to maintain a professional look.

Thanks,

Maj

9 Answers

Igor Mihaljko

More than a month ago #Permalink
Hi,

please provide URL of your website so we can take a look

karam

More than a month ago #Permalink
Igor Mihaljko wrote:

Hi,

please provide URL of your website so we can take a look


Sent to your PM, please help.

Igor Mihaljko

More than a month ago #Permalink
Hi,

you should add media queries to your custom CSS in order to resize the column width on the specific mobile view size to 100%

div.nssp2 .col-3 {
width: 100%;
}

karam

More than a month ago #Permalink
Hi Igor,

Did you get the link in your PM, please help us fix this.

Thanks,

Maj

Igor Mihaljko

More than a month ago #Permalink
Please check my suggestion with the CSS code override I mentioned

karam

More than a month ago #Permalink
Added the code you suggested to the custom.css file, but no change to the Feature Icons in the mobile version, same problem, please help fix this.

Igor Mihaljko

More than a month ago #Permalink
Try with

div.nssp2 .col-3 {
width: 100% !important;
}

karam

More than a month ago #Permalink
I think there is a misunderstanding here, the problem was with the mobile version, we want the desktop version to remain as is.

Igor Mihaljko

More than a month ago #Permalink
Hi,

there is no misunderstanding here. I already told you that you should add media queries to your custom CSS in order to resize the column width on the specific mobile view size to 100%. The code I gave you provides the solution to resize the columns. You just need to wrap it with the correct media query.

For example, check here to understand what media query is:
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
http://www.w3schools.com/css/css_rwd_mediaqueries.asp


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 101
Toufiq

Toufiq

Total Accepted Answers: 87
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 86
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295673

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us