Shape 5

Joomla Templates => Outdoor Life - Club => : viaggiator May 04, 2017, 09:04:29 AM



: Problem with Responsive display
: viaggiator May 04, 2017, 09:04:29 AM
Hi everyone, I have some problems with the Responsive view.
I created a mod_custom and placed in below_columns_1 of the template, the site looks great but i do not work responsive, where is the error?

Below the code entered

<div class="packages_wrap" data-sr="roll 10deg, over 0.7s">
<div class="package_row">
<div class="package_item package_blue">
<div class="package_item_img_wrap">(http://</div><div class="package_item_text"><h3>Adventure Plan</h3><div class="package_item_price"><span class="package_item_dollar_sign">$</span> <span class="package_item_dollar">49</span> <span class="package_item_cents">99</span></div><div class="package_item_list">Custom Trail Experience For 1 Adult</div><div class="package_item_list">Self Guided Tour With Maps</div><div class="package_item_list">Lasts Between one and two hours</div><div class="package_item_list">Bring Your Own Equipment On The Trek</div></div></div><div class="package_item package_red"><div class="package_item_img_wrap">[img alt=]http://www.....jpg)</div>
<div class="package_item_text">
<h3>Outdoor Plan</h3>
<div class="package_item_price"><span class="package_item_dollar_sign">$</span> <span class="package_item_dollar">99</span> <span class="package_item_cents">99</span></div>
<div class="package_item_list">Custom Trail Experience For 1 Adult</div>
<div class="package_item_list">Self Guided Tour With Maps</div>
<div class="package_item_list">Lasts Between two and three hours</div>
<div class="package_item_list">Bring Your Own Equipment Except Ropes</div>
</div>
</div>
<div style="clear: both:height:0px;"></div>
</div>
<div class="package_row">
<div class="package_item package_orange">
<div class="package_item_img_wrap">(http://</div><div class="package_item_text"><h3>Best Value Plan</h3><div class="package_item_price"><span class="package_item_dollar_sign">$</span> <span class="package_item_dollar">299</span> <span class="package_item_cents">99</span></div><div class="package_item_list">Custom Trail Experience For 2 Adults</div><div class="package_item_list">Guide By A Rookie Trail Member</div><div class="package_item_list">Lasts Between three and four hours</div><div class="package_item_list">All Equipment Will Be Provided On The Trek</div></div></div><div class="package_item package_green"><div class="package_item_img_wrap">[img alt=]http://www.....jpg)</div>
<div class="package_item_text">
<h3>Ultimate Plan</h3>
<div class="package_item_price"><span class="package_item_dollar_sign">$</span> <span class="package_item_dollar">599</span> <span class="package_item_cents">99</span></div>
<div class="package_item_list">Custom Trail Experience For Up To 5</div>
<div class="package_item_list">Guided By a Veteran Trail Member</div>
<div class="package_item_list">All Day From Sunrise to Sunset</div>
<div class="package_item_list">All Equipment Will Be Provided On The Trek</div>
</div>
</div>
<div style="clear: both:height:0px;"></div>
</div>
<div style="clear: both:height:0px;"></div>
</div>


: Re: Problem with Responsive display
: jonahh May 04, 2017, 11:26:10 AM
Hello,

Can you please post a URL of where you have this code entered?

Thanks,


: Re: Problem with Responsive display
: viaggiator May 04, 2017, 02:10:18 PM
Hi jonahh, the address is as follows http://www.vacanzepalermo.italiatrip.it


I await your instructions. Hello


: Re: Problem with Responsive display
: viaggiator May 05, 2017, 07:23:16 AM
??


: Re: Problem with Responsive display
: jonahh May 05, 2017, 11:21:28 AM
Thanks, where did you grab this packages code from to create the pricing table?


: Re: Problem with Responsive display
: viaggiator May 05, 2017, 04:03:29 PM
From the Outdoor Life Template


: Re: Problem with Responsive display
: mikek May 08, 2017, 09:19:34 AM
Hello,

You are using custom html code from Outdoor Life on another template. The css for those areas remain with the template, particularly in the s5_responsive.css. We don't provide support on transferring effects from one template to another. If you want to try and make this change you would need to grab the responsive code from s5_responsive.css from Outdoor Life and paste it into the Luxon css files; specifically the class calls for ".package_item".