normal how to solve too much "space" in mobile layout view

More
10 years 5 months ago - 10 years 5 months ago #6449 by Francesco Castaldo
Hi!
I would modify - in mobile layout (ex: iphone) - the space between image and imagenav.
Looking at the attached image (product detail page) u can see what i'm referring.

I found in template.css (ot_Juno) the section " @media (max-width: 480px) "
could be a right direction?

thanks a lot.




Attachment omegatheme.jpg not found

Attachments:
Last edit: 10 years 5 months ago by Francesco Castaldo.
The following user(s) said Thank You: Minh Van

Please Log in or Create an account to join the conversation.

More

Warning: Undefined variable $end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Warning: Undefined variable $end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Warning: Undefined variable $end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321
10 years 5 months ago #6454 by Trung Duong
It's getting height from js script :)

Support email: services(at)omegatheme(dot)com


Follow Us to keep updated!

[img


[img


[img]...[/img]

[img]...[/img]

[img]...[/img]

Please Log in or Create an account to join the conversation.

More
10 years 5 months ago #6457 by Francesco Castaldo
thanks!
could u give me more information to solve this problem?

thanks a lot.

Please Log in or Create an account to join the conversation.

More
10 years 5 months ago - 10 years 5 months ago #6491 by Minh Van
Hi,
Plz go to folder directory of ot_juno template and open templates.css file and add more css code below to bottom.
templates.css file directory is templates/ot_juno/css/templates.css
Code:
@media (max-width: 979px) { div.productdetails-view .product-images .image{ height: 250px; } } @media (max-width: 767px) { /* fixed the modal popup width in small screen */ .sidebar .component{ padding: 0 5px; } .productdetails-view .spacer-buy-area{ padding: 0; } div.productdetails-view .product-images .image{ height: 282px; margin-bottom: 10px; } } @media (max-width: 480px) { .sidebar .component{ padding: 0 5px; } div.productdetails-view .product-images .image{ height: 222px; margin-bottom: 10px; } .productdetails-view .spacer-buy-area{ padding: 10px 0 0 0; } }

and open default_images.php file of directory templates/ot_juno/html/com_virtuemart/productdetails/ and replace
Code:
<!-- //var j = jQuery.noConflict(); jQuery(document).ready(function(){ var slideshow = jQuery('.images').after('<div id="imagesNav">') .cycle({ fx: 'fade', speed: '300', timeout: 400000, height: '380px', pager: '#imagesNav' }); // add styles var wslide = jQuery(".product-images").width(); jQuery(".image").css({ width: wslide + 'px' }); }); -->

by
Code:
<!-- //var j = jQuery.noConflict(); jQuery(document).ready(function(){ var slideshow = jQuery('.images').after('<div id="imagesNav">') .cycle({ fx: 'fade', speed: '300', timeout: 400000, pager: '#imagesNav' }); }); -->
Last edit: 10 years 5 months ago by Minh Van.

Please Log in or Create an account to join the conversation.

Time to create page: 0.244 seconds

About Growth

Innovative tech for eCommerce growth

Contact Info

Head: No. 3, 175/55 Lane, Lac Long Quan St., Nghia Do Ward, Cau Giay District, Hanoi City, Vietnam