Forum Support

Shape 5
April 23, 2021, 08:15:40 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Images in custom 2 doesn't get responsive  (Read 661 times)
carlone
Jr. Member
**
Offline Offline

Posts: 132



« on: March 14, 2017, 01:32:57 PM »

Hello guys
the image i used in the custom 2 module in the header doesn't show properly in mobile version
www.kimafestival.com

could you help me please?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: March 15, 2017, 07:50:57 AM »

Hello,

You are using the image and content fader for this area, which does not use images, it uses background-image calls. These calls are set to "cover" the area, not stay in ratio with the site. If you want the image to always stay in ratio you should eliminate the image and content fader and simply publish a custom html module in that area instead, that just includes your single image
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #2 on: March 15, 2017, 08:04:17 AM »

Mike
thank you , i solved this problem with this advice
can you also tell me why the background in bottom row 1 area 1 is not resized in mobile site?
Carlo
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: March 15, 2017, 05:57:58 PM »

Hello,

If you want a background image to fill an entire area you need to set its size to "cover". However, you are going to have a problem with the image you have using parallax, it is not tall enough so eventually as the image scrolls there will not be enough image left to fill the height of the area.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #4 on: March 16, 2017, 10:24:53 AM »

Hello Mike
the image is set on " Cover " but in the mobile version looks wrong  like low res
this is what i don't understand
Thanks
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: March 16, 2017, 07:15:41 PM »

Hello,

It's as I stated above, your image is too short. As the page scrolls the image scrolls up and eventually the height of the image is shorter than the available space because it's constantly being scrolled up with parallax. You would either need to disable parallax on that row under the Main/Layout tab in the template configuration or use a larger image.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #6 on: March 17, 2017, 12:38:42 AM »

Hello Mike
now i uploaded an image 3185 ? 2701
and the result is the same . could you please give me the size that doesn't make any error of visualization?
thanks
Carlo
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.