Dreamweaver CC fluid grid, can I change the position of DIV's based on Mobile, Tablet, Desktop view?

Hi all,
Currently working on my first Dreamweaver CC fluid grid / responsive site. I want to optimise the pages layout for Mobile, Tablet and Desktop.
I can see that I can hide individual div elements by adding "display: none;" to the mobile media query code in the CSS.
I am wondering am I able to change the position of DIV's in relation to the order of each other some how using a similar way?
Eg I have a webpage design for desktop like.
Title
Nav
Description
Buy Button
Photo
On mobile I'd like to be able to bring that Photo up towards the top of the layout eg.
Title
Nav
Photo
Description
Buy Button
I was hoping those up and down arrows you see in the Dreamweaver CC interface was going to some how make the changes to each view Mobile, Tablet, Desktop, but all that is doing is moving the position of code in the HTML amoung each of the main DIV sections.
Or am I at the point where I will need to create a seperate page for mobile only to make a layout change like this?
Any help would be great

Hi Complexity,
I have got some further info, and if I have lead you astray I am sorry.
I don't think you can change the order of the divs in a responsive layout in DW CC.
However, you can arrange the divs to sit under or beside each other differently in each of the layouts, for pc, tablet or phone.
You can also switch divs off and on in each of the layouts, having them display in one size screen and not in another.
So what you would need to do is to create a couple of nav divs, if you want a nav at the top of one type of screen and one at the bottom. You could duplicate the content in both of them and switch one on in one layout and one off in the other.
I hope this helps!
I am doing my first layout for a client using DW CC responsive layouts. I have done two test/hobby sites already.
It is a bit of a mission learning it but I am getting there.
I do find it interesting that most people recommend using other programs to do responsive rather than Dreamweaver's fluid grid layouts. I don't think many people are using it yet.
Regards,
Mary

Similar Messages

Can I change the position of the Get Info window?

Can I change the position of the Get Info window?

If you want to open the "Get Info" panel in the center of your screen, define the following Automator service and install it in the "Services" Folder of your User Library. This service will be available when you ctrl-click a file or folder in the pop-up menu and it will open the "Get Info" in the center of the screen.
Open Automator and select New -> Service.
Select: Service receives "files or Folders" in "Finder.app"
Drag a "Run Apple script" action from the Actions pane -> Utilities onto the Workflow
Paste the following script into the action, after (* Your script goes here *) and before "return input"
          tell application "Finder"
activate
                    set {d1, d2, d3, d4} to (get bounds of window of desktop)
open information window of item input
                    set {i1, i2, i3, i4} to (get bounds of information window 1)
                    set position of information window 1 to {d1 + (d3 - i3 + i1) / 2, d2 + (d4 - i4 + i2) / 2}
          end tell
Save the service and name it e.g. "centeredGetInfo". It will be installed in your library -> Services.
Now you can ctrl-click any File or Folder, and in the Services Section of the pop-up menu you will see your new service "centeredGetInfo", also in File ->Services in the Finder, when you select a Finder item.
You can bind this service to a keyboard shortcut in the keyboard preferences and use it like the standard "Get Info"

How can i change the position and size of the applet

dear fellows,
how can i change the position and size of the applet in which form is running over the web.
thanx
Mochoo

Yes, you can add the following line to your formsweb.cfg section :
HTMLbodyAttrs=onLoad='javascript:self.moveTo(100,100)'
if you are in SEPERATEFRAME = FALSE
Or Set_Window_Property( FORMS_MDI_WINDOW, POSITION, X, Y ) ;
if you are in SEPERATEFRAME = TRUE

Can I change the position of the 'x' to close tabs?

I know it's not in preferences, but hoping there might be some sort of default I can set via command line?
I'm using Safari 6 on Mountain Lion. All the other browsers have the close control on the right.

At present there is no way to change the position of "X" in the tabs.
To the best of my knowledge there is no "defaults write" command to enter in terminal.
Best.

How can we change the position of an employe in 0001

Dear Friends,
I would like to change a record (either by copy/change) for infotype 0001 in order to change the position of any employee. Through PA30 when iam trying to do a copy
i found that the position field is only non-editable mode . Could any one let me know what is the procedure if you want to change the position of the employee.
regards
syamla

Hi syamla,
To cahnge position proceed in the following way:
Go to Pa30, select personnel number for whom u want to change position, select infotype 1 and click on "overview" icon.
In the "List actions" screen u will find one or many actions. Now select one action (where u want to change position) and click on "Copy" icon. Now u will reach "copy actions screen", and postion is field is editable. Change position. U might get this entry deletes a record, press enter. Save ur entries and continue to org. assignment infotype. save org. assignment infotype also.
Hope this will help u.
Reward points if helpful
Rajesh Panda

How can I change the position of the tab bar?

I just can't get used to the tab bar being on top in Firefox 4. I keep closing open pages by clicking on the bookmarks menu bar. How can I swap the position of the two bars?

Please click the '''Helpful''' button next to the answer that solved your Firefox support issue, '''when you are logged in''', so this thread gets marked as '''Solved''' to help other users who may have this same problem.

How can I change the position of an entire frame on the timeline?

As I've posted before, I'm very new to flash and am
incredibly green. I've done HTML/Dreamweaver work in the past, but
I had something thrust into my lap that was a bit more complex than
I expected! :)
Anyway, the person that set up the flash document before did
not do the best job organizing frames. The entire document is a
compartmentalised site. So you click on the links to the left, and
it displays the appropriate linked frame. I assume this is a fairly
standard way of doing things?
Anyway, that said...
What I want to do is put these frames together, in proper
order, within flash. I have tried "cutting" the frames, but that
leaves a weird piece behind, and I can't find a way to "insert" the
cut frames back into the timeline.
Is there no option to just move the frame backwards/forwards
in the timeline?
Am I asking the right question?
Thanks so much in advance :)
Nick

you can click once on the frame (or click-drag a group of
frames) to select them, then click-drag the frame or group to a new
position. one can also select the frame, right-click (ctrl click
mac) and select 'copy frames' then you can right click select
'paste frames' as well although this will 'copy' them and not
'remove' them from that position.

How can I change the position and duration of the title?

Hi!
Let me clarify my question... Position of the text/title:
I would like to place multiple titles on one image. Which looks something like this---
title 1
title 2
title 3
title 4
title 5
title 6
title 7
title 8
title 9
title 10
Now, I would like each title to appear for the duration of 0:01 to 0:05 sec. In sequence to the title above. Just a quick flash of the title.
How can this be done in iMovie 10.0.5??
You see, I attempt to change the time duration of the titles from 1.0s to 0.05s and it doesn't allow me to do it.
You will probably ask me why I want to do this... I am creating my own subliminal affirmation video slideshow. I already have the audio for it in Garageband.
Thanks for you time and possibly help!!
Brian

Yes, you can add the following line to your formsweb.cfg section :
HTMLbodyAttrs=onLoad='javascript:self.moveTo(100,100)'
if you are in SEPERATEFRAME = FALSE
Or Set_Window_Property( FORMS_MDI_WINDOW, POSITION, X, Y ) ;
if you are in SEPERATEFRAME = TRUE

*** Can I change the position/font of the titles?

I would like to create a slideshow of some of my pictures where the title is also visible. I can see the checkmark to make sure the title is there but I wonder if it's possible to change the location and font of the text. Is there a way to do this? Currently it is in the top left corner and only allows 1 kind of font. Ideally I'd love to have it centered at the bottom. Can I do this?

Thanks for the info. I'm a Final Cut user. I actually don't have a clue about iMovie. My intention was to try and do this with the least amount of manual labour as possible. The wierd thing is, in iPhoto if I select the text in the information window and control-click on the title it gives me a box that seems to allow me to choose fonts and font sizes...........wierd.
Anyway, thanks for the info!

Can I change the position of "process success message"?

Hello all,
I've looked around the forum but can't seem to find away to control the position of the "process success message" that displays when an update is made in a page process.
The message appears to be centered on the page, however because I have a region with a lot of columns the user will have to scroll to the right to see the "Update Successful" message that is returned from the process.
Does anyone know how to Left Align this message on the page?
Thanks for the help!

Thanks for the help!
I was able to left align the message by modifying the page template. In my case it was the template for "One Level Tabs"
I changed the following section in Body the body, I change the align from "center" to "left"...
<td class="t3PageBody"><div class="t3Messages" align="left">#GLOBAL_NOTIFICATION##NOTIFICATION_MESSAGE#Interestingly enough it did not work for me to change the Success Message in the Subtemplate section.

Can I change the folder from "//phone" to "/phone" for mobile version upload?

I created a phone version of my site yesterday. The host directory is identified as the root (i.e., "/"). When I tried to upload to FTP host, I get the following: "Error creating folder //phone. Click Resume to try again. If this problem persists, try again later." GoDaddy says the problem may be that the folder is named "//phone" instead of "/phone". Can I change this to try to fix?

Can you try leaving the Host directory field empty and re-try uploading through the built-in FTP upload? Some hosting providers require you to upload your site to a specific folder on their server, so you may try entering an absolute path of the directory you want to upload to (with a / at the beginning).
Alternatively, you can export the site as HTML <http://www.adobekb.com/getting_started_07.html#exportinghtml> and publish using a third party FTP client.
Thanks,
Vinayak

Can I change the position of change bars from left margin to right margin?

I want to display the change bars in right page margin. If the page is odd page,The change bars position is in left page margin. If the page is even page,The change bars position is in right page margin.

The global properties for Change bars are found in the Format > Document > Change Bars... menu option (or <esc> o b keyboard shortcut).
The property that you need to change is Position:
Depending upon which of the right or left margins is larger, you'll need to set this to "Side Closer to Page Edge" or "Side Farther..." to position the bars to the outside edges of the respective pages. If you have a symmetric layout, then "Closer" places on the left side (of all pages) and "Farther" places on the right.
However, if you have multiple columns, the change bars will appear between the columns and will shift depending upon which page edge is closer, i.e. the middle columns may be left or right on any given page.

How can I change the position the MoveAbsolute method moves a motor toward?

I'm just starting LabView and still am stuck on motor control methods. How do I set the angle or position to which the motor will move (or turn in the case of MoveAbsoluteRot), and can I set the velocity getting there? All help is appreciated.
Solved!
Go to Solution.

Duplicate: http://forums.ni.com/t5/LabVIEW/What-are-the-parameters-and-outputs-of-the-activex-methods/m-p/29003...
Please stop creating duplicate threads with the same question. As I mentioned in your original post, the place to get full information on third party software is from the provider of that software. You really don't have a LabVIEW problem as much as a problem understanding the third party api and outs documentation.

How can I change the position of the page footer when using the report generation functions of LabView 6.1.

At present my page footer is printing too far up from the bottom of the page. I have been unable to find a property that enables the position to be changed.

Use the Set Report Margin.vi to set the bottom margin to something less than the default 1. I got a standard report to print a footer .2 inches from the bottom of the paper.

How can I change the position of the new Menu button in Firefox 2.9?

Why is Firefox trying to be more like google chrome in this new 2.9 version. :(

You can do it with Classic Theme Restorer. https://addons.mozilla.org/hu/firefox/addon/classicthemerestorer/
Moreover we are not trying to copy anyone, we are sorry for any inconvenience caused to you.
If you feel strongly about the new changes I would suggest you to provide feedback on https://input.mozilla.org/feedback for the people who decided on the changes to actually see it.
Please keep in mind that Firefox is a work in progress and your feedback is very valuable for us to understand what can be done better!

Dreamweaver CC fluid grid, can I change the position of DIV's based on Mobile, Tablet, Desktop view?

Similar Messages

Maybe you are looking for