Aligning Contact Form Layout With Map plugin

You should investigate how Twitter Bootstrap 2 works here and here.

On your contact page, you then need to code the HTML with 2 x Span6 divs to get the alignment to work automatically.

Morning by my time Sir,really appreciate your time/epic effort in shedding the light that drives me to do more.*Winks*.
Read all about the bootstrap—-fluid & grid—–
Tried the following codes in the html tab but nothing seems to change even as the map is still at the awkward position,below is the code.

<div class=”row-fluid”>
<div class=”span6″>…</div>
<div class=”span6 offset6″>…</div>
</div>

<iframe src=”https://docs.google.com/forms/d/1uIlZ_Wqx15SE5qiguSptHDGYnPGw_lZGZGgO2lisvFQ/viewform?embedded=true&#8221; width=”526″ height=”526″ frameborder=”0″ marginwidth=”0″ marginheight=”0″>Loading…</iframe>

[mappress mapid=”1″]

With your instruction on the need to code the HTML with 2 x Span6 divs which I did, the alignment doesn’t seems to position well. How do I go from here Sir?…Hope I got this right,spent my night time changing the digits in the span and .offset with several similar numbers hoping it will align….

Thanks,looking forward to you enlightening me…#Newbie+++

Here’s the generated code on that page. Don’t see any evidence of spans?

You won’t need the offset as 2 x span6 should place in one line with a row-fluid before it:

<div class="row-fluid">
	<div class="span6">
		<iframe src="https://docs.google.com/forms/d/1uIlZ_Wqx15SE5qiguSptHDGYnPGw_lZGZGgO2lisvFQ/viewform?embedded=true" width="526" height="526" frameborder="0" marginwidth="0" marginheight="0">Loading...</iframe>
	</div>
	<div class="span6">
		[mappress mapid="1"]
	</div>
</div>

Another tip: Go to Settings>Permalinks and change to Postname – you’ll find it easier to see page-ids.

Omg, it super duper worked…*Virtually jumping*…What a relief!!!!.Thank you very much Sir, really appreciate every bit of your approach in seeing to *my_bugs* been fixed. From my heart of heart, am really saying a big thank you.. See no reason why I won’t develop with a gem like you who’s virtually available….#hugs

Relative to this Sir, I kindly want to ask a question or two more:

on my official first project as a *newbie+++* at https://www.utlebe.com, on the entire menu structure should one *mouse-over*, a dropdown menu surfaces. Now that’s cool haven watched a youtube video about that. But I searched on all other sites most especially the: demo.themesandco.com/two-columns-left-sidebar/,www.thenakedlifecoach.com..And I noticed the same menu and dropdown list applied respectively. But the issue I have in my own case is every other menu after the home menu, once *moused-overed* should you click the say for instance *AboutUs* menu it takes you to a page. Which I don’t want it to,although I created an *AboutUs*page. But my main goal is to create a menu that once clicked upon it doesn’t take you to another page or any rather.. I want something as perfect as that on the respective Url sighted above…How do I attain that Sir?

The second question is: haven enjoyed the same privilege of your wealth and well nourished experience sequel to getting all of my*Bug & Questions* answered.. I kindly want you to enlightening me on what say for exmaple:course,topics,contents,C_language as it respective deem fit. To learn/master. So that I a newbiee+++ can also clear the airway for the upcoming. In as much as I have graduated from that phase a little. *Smile*….Thank you Sir Dave

#1, What you have at the moment in Dashboard>Appearance>Menus is:
About Us (Page)
Who We Are (Page)
etc.

There is a Panel on lhs which should be showing a variety of different options:
Pages, Posts, Links etc. If you don’t see any then at top rhs is a Screen Options button. Go there and select the Links checkbox.

Now replace the top level Menu items with a link:
URL = #
Link Text = About Us (for example)

Problem solved!

#2 I am a very old programmer (1970s) who has come back to my first love. So ‘C/C# etc’ is a mystery to me. If you are going to be working in the WordPress world, then php and javascript is what you need to learn (after HTML, CSS).

Good Luck!

Awww, this is #topnotch.Your timeless delivery,every bit and pieces of it solves my issues,bugs & questions…Really getting to wonder how will I repay an epic effort especially to someone like you who consistently helps a community of yet unskilled folks learn and master their supposed acts…Sigh,what a big relief.
For the past one week or so,have taken my time in reading all of your supportive response in and outside the context of this commmunity. All I can/will say is,am blessed to have come across you.#Epic

Really appreciate,
Kind regards..

Josh #Newbie+++ winks,and hugs..Sir

Good afternoon by my time Sir,kindly appreciate my VOT (vote of thanks).Inlieu with your awesome assistance which has proven to be precise and exact in solving my *questions_bugs*. Really appreciate

Relative to this Sir, I have few more questions
#1—haven changed and re-integrated the codes for the menu you gave me yesterday for the menu issue I have which when clicked upon becomes a page,which I didn’t want. With this issue been solved with your rich experience in the Code_environment *which I want to emulate*.
I noticed all of the images I assigned to the feature image link to the followwing respective menu:About Us,Our Serrvices, and Contacts, has gone. Now the question is how do I setup a featured image that is linked to the respective top level menue above?. Because I have gone to the customize section, and I happen to notice the afromentioned menu aren’t appearing and they are also not appearing in the page category. I believe I must have done something wrong to get customizr theme upset.*smile*

#2—-on my contact form page under the google map address, I wrote a specific address after I read on how to master the *div category* which for me satisfied abit of what I want.But now my question is,is it possible to have another address directly by the side *RHS* of the same written address? Here’s the link to my contact form page:

https://www.utlebe.com/contact-form/

#3—-how do I get to make the respective icons sit properly near the designated address, they tend to seem off the proportion I actually expect. Below are the codes I used in this section of my Newbie+++ first project:

<div class=”row-fluid”>
<div class=”span6″><iframe src=”https://docs.google.com/forms/d/1uIlZ_Wqx15SE5qiguSptHDGYnPGw_lZGZGgO2lisvFQ/viewform?embedded=true&#8221; width=”526″ height=”526″ frameborder=”0″ marginwidth=”0″ marginheight=”0″>Loading…</iframe></div>
<div class=”span6″>[mappress mapid=”1″]

<img src=”https://www.utlebe.com/wp-content/uploads/2014/10/Address_web_icon_v2.png&#8221; alt=”Address_web_icon_v2″ width=”31″ height=”50″ class=”alignleft size-full wp-image-296″ />South Africa Office
2635 Napoleon Ct
Duynefontein
Western Cape

<img src=”https://www.utlebe.com/wp-content/uploads/2014/10/MiL6qopia-300×300.png&#8221; alt=”MiL6qopia” width=”31″ height=”50″ class=”alignleft size-medium wp-image-297″ />Mobile Contact
+44 (0) 215531610

</div>
</div>

Thanks Sir Dave…HWKEnd.