Forum Support

 
Advanced Search


[1]

Offline jimbondox
Free Member
Posts: 795
Posted on: 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

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


Logged

Offline jimbondox
Free Member
Posts: 795
Posted on: December 02, 2014, 03:29:42 AM

Also... Thank you Smiley
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: December 02, 2014, 11:35:48 AM

Hey,

Can you post a URL of this?
Logged

Offline jimbondox
Free Member
Posts: 795
Posted on: December 02, 2014, 09:18:18 PM

i messaged you the url as it is not public
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: 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.
Logged

Offline jimbondox
Free Member
Posts: 795
Posted on: December 03, 2014, 08:48:12 PM

O my, I dumb  Embarrassed 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

Code:
<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

Code:
<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:

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
Logged

Offline jimbondox
Free Member
Posts: 795
Posted on: 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
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: 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
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.029 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
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.