: above columns 1-4 question
: jimbondox December 02, 2014, 03:28:58 AM

I published the top row 3 modules to the above columns position, now when I look at it on iphone 6 or any other mobile devices it just goes skinny instead of the individual modules it used to be.

where can I adjust this so that it goes to individual modules instead of just 1?

Also in module top row 3 same attached picture can I get that to go center as 1 line? Row size is set to auto and i added module class -centered but no joy

here is the code

<p style="text-align: center;"><span style="font-size: 36pt;">CCTV VIDEO SOLUTIONS</span></p>

: Re: above columns 1-4 question
: jimbondox December 02, 2014, 03:29:42 AM

Also... Thank you :)

: Re: above columns 1-4 question
: jonahh December 02, 2014, 11:35:48 AM

Hey,

Can you post a URL of this?

: Re: above columns 1-4 question
: jimbondox December 02, 2014, 09:18:18 PM

i messaged you the url as it is not public

: Re: above columns 1-4 question
: jonahh December 03, 2014, 08:24:04 PM

Ok under the layout tab of Vertex you just need to change the "leave in standard layout" for the "Above Columns Narrow Screen Widths" area. You can see we did this to the top row 3 positions for the demo. We set them to 2 columns at 1100px.

: Re: above columns 1-4 question
: jimbondox December 03, 2014, 08:48:12 PM

O my, I dumb :-[ Thank you that one was diverted, now I have 1 more.

I am trying to make this look pretty

Below columns 1 and 2, split 60/40. i tried to get it to look as good as the one in swapps but failed

Here is the code followed by a pic

<p>&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<div style="text-align: center;"><span style="font-size: 48pt; color: #ffffff;">See what we can do for you</span></div>
<p style="text-align: center;">&nbsp;</p>

and column 2

<div class="s5_video_container"><iframe width="560" height="315" src="//www.youtube.com/embed/cBRAqsEPedk?rel=0" frameborder="0" allowfullscreen></iframe></div>

I tried getting it in 1 module but the icon for play would not show up, and if it did, it was elliptical LOL I tried doing it with the video popping up in a seperate s5 mb... but it was a fail

I tried using this code:

<div class="module_round_box-mediumtitle_light" style="float:left;">
<h3 class="s5_mod_h3">See what it can do in action</h3>
</div>
<div class="overlay_outter video" style="float:right;">
<div class="overlay_hover_outer">
<div class="overlay_hover_video">
<div class="overlay_centered">
<a title="See it in Action" class="s5mb" id="youtube" href="http://www.youtube.com/v/xxxxxxxxxxk" rel="width:800,height:447">
<span class="ion-play ion-play-size"></span>
</a>
</div>
</div>
<img src="images/myimage.jpg" class="padded" alt="my image" />
</div>
</div>

Attached image

: Re: above columns 1-4 question
: jimbondox December 03, 2014, 09:04:34 PM

i tried in layout and got it to look good but would like it as it is in swapps

i did this for the layout

Single Column at 1100px in below columns

: Re: above columns 1-4 question
: jonahh December 04, 2014, 05:39:55 PM

To copy from Swapps this is more of a custom coding type thing. I would just copy the CSS from Swapps and the layout in HTML for that section if you want to copy it. That should to it for you. You can post in hire a coder also to get someone to code this for you like Swapps

Shape 5

Joomla Templates => Zoka Transports - Club => : jimbondox December 02, 2014, 03:28:58 AM