Forum Support

Shape 5
March 29, 2024, 01:07:14 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: above columns 1-4 question  (Read 863 times)
jimbondox
Jr. Member
**
Offline Offline

Posts: 795



« 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
jimbondox
Jr. Member
**
Offline Offline

Posts: 795



« Reply #1 on: December 02, 2014, 03:29:42 AM »

Also... Thank you Smiley
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #2 on: December 02, 2014, 11:35:48 AM »

Hey,

Can you post a URL of this?
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jimbondox
Jr. Member
**
Offline Offline

Posts: 795



« Reply #3 on: December 02, 2014, 09:18:18 PM »

i messaged you the url as it is not public
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #4 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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jimbondox
Jr. Member
**
Offline Offline

Posts: 795



« Reply #5 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
jimbondox
Jr. Member
**
Offline Offline

Posts: 795



« Reply #6 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
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
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.