Responsive and Forms

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Dec 11, 2013 12:55 am
Reply with quote
Report this post
Hi there. I have two questions:

1) I'd like to use a 2-column layout I see in the Bluap template using the <div data-width="xx"> and <address data-width="xx" data-mobile-width="xx">. I don't want to use the traditional code because I want the columns to be unequal widths. I've copied the code from this template's css into my (M) Social template css and it looks great on my desktop (http://javelinaco.cloudaccess.net/), but it's not adapting responsively like the Bluap template. Can you shed any light?

2) I'd like to incorporate two contact forms: 1) name/email and 2) name/email/phone/company/comments. I see contact forms in some of your templates but not in this one. Do you have any such module for download?

Thank you.
User avatar
Senior Boarder

teitbite
Wed Dec 11, 2013 6:54 am
Reply with quote
Report this post
Hi

2. The contact module You see on different templates are a simple Custom HTML modules. Please search joomla extentions site to get a contact form module.

1. Which part of Your site are we talking about ? I think You may be missing a responsive part for this columns. Please just tell me where should I check.
User avatar
Moderator

GK User
Wed Dec 11, 2013 11:39 am
Reply with quote
Report this post
Thanks. The part of my site is on my Home page: http://javelinaco.cloudaccess.net/ It is the orange block below the slideshow.

The code I am trying to model is from the Home page of the Bluap template at the very bottom, "Keep in touch with us"/"Contact info." http://demo.gavick.com/joomla25/bluap/
User avatar
Senior Boarder

teitbite
Fri Dec 13, 2013 7:48 pm
Reply with quote
Report this post
Hi

I thought it's solved since when I look at it it looks fine to me. Please tell me what exactly is missing, I mean an effect or the look. The only thing I can see now this could be adjusted is a button. I think You can use this code added to tablet and mobiel css files:

Code: Select all
.button-main {
    padding: 0 10px;
    width: auto;
}
User avatar
Moderator


cron