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

Francesco Castaldo
Topic Author
Offline
Fresh Boarder

9 years 10 months ago - 9 years 10 months ago #6449 by Francesco Castaldo

how to solve too much "space" in mobile layout view was created 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: 9 years 10 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.

Trung Duong
Offline
Administrator

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

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

Notice: Undefined variable: end_tag_params in /home/omegatheme/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321
9 years 10 months ago #6454 by Trung Duong

Replied by Trung Duong on topic Re: how to solve too much "space" in mobile layout view

It's getting height from js script

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

[img]...[/img]

[img]...[/img]

[img]...[/img]

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

Francesco Castaldo
Topic Author
Offline
Fresh Boarder

9 years 10 months ago #6457 by Francesco Castaldo

Replied by Francesco Castaldo on topic Re: how to solve too much "space" in mobile layout view

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.

Minh Van
Offline
Junior Boarder

9 years 9 months ago - 9 years 9 months ago #6491 by Minh Van

Replied by Minh Van on topic Re: how to solve too much "space" in mobile layout view

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'
		});
	});
-->

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: 9 years 9 months ago by Minh Van.

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

Time to create page: 0.302 seconds

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

Attachment omegatheme.jpg not found

About Growth

Information

Contact Info

Mobile Menu