How to I make my text move up in smartphone view

Hi,
Using the fluid grid layout. I would like my description text to move from under the image up to the right-hand side of the image when in phone view. I'm not sure what to do. Thanks.
http://cupcakemary.skeeterz71.com/_cm_mockup/menu.html
Desktop view
Smartphone view

You can do it if you remove 2 <p> and replace it with just 1 <p> for both img and text. But, this is not recommended.
On a phone dimension, if you test using an actual phone, you'll notice you're better off having image & description after each other rather than having them side by side. This will make it 'easy on the eye' - especially if the description is longer than the img height, your alignment will break.
If you want to make it look nicer, I'll recommend that you align everything to screen center on phone resolution.

Similar Messages

  • How can i make the text go vertically in numbers

    How can I make the text vertical in numbers?  I have merged the cells and cannot find an option for making it go vertical as opposed to horizontal.

    I already gave two tools to fit this kind of needs.
    tip #1 :
    --{code}
    --[SCRIPT write_vertically]
    Enregistrer le script en tant que Script : write_vertically.scpt
    déplacer le fichier ainsi créé dans le dossier
    <VolumeDeDémarrage>:Utilisateurs:<votreCompte>:Bibliothèque:Scripts:Applications :Numbers:
    Il vous faudra peut-être créer le dossier Numbers et peut-être même le dossier Applications.
    Saisir dans une cellule le mot à écrire verticalement puis le sélectionner.
    ATTENTION, il ne faut pas sélectionner la cellule mais le mot qui doit apparaitre surligné.
    Aller au menu Scripts , choisir Numbers puis choisir “write_vertically”
    Le script colle dans la cellule le mot apès avoir inséré un return entre tous les caractères.
    Pour mon usage personnel j'associe un raccourci à ce script grace à FastScripts.
    --=====
    L’aide du Finder explique:
    L’Utilitaire AppleScript permet d’activer le Menu des scripts :
    Ouvrez l’Utilitaire AppleScript situé dans le dossier Applications/AppleScript.
    Cochez la case “Afficher le menu des scripts dans la barre de menus”.
    Sous 10.6.x,
    aller dans le panneau “Général” du dialogue Préférences de l’Éditeur Applescript
    puis cocher la case “Afficher le menu des scripts dans la barre des menus”.
    --=====
    Save the script as a Script: write_vertically.scpt
    Move the newly created file into the folder:
    <startup Volume>:Users:<yourAccount>:Library:Scripts:Applications:Numbers:
    Maybe you would have to create the folder Numbers and even the folder Applications by yourself.
    In a cell, type a word to write vertically then select it.
    CAUTION, don’t select the cell but the word which must be highlighted.
    Go to the Scripts Menu, choose Numbers, then choose “write_vertically”
    The script insert in the cell the word after inserting a return between every characters.
    For my own use, I link a shortcut to the script thank to FastScripts.
    --=====
    The Finder’s Help explains:
    To make the Script menu appear:
    Open the AppleScript utility located in Applications/AppleScript.
    Select the “Show Script Menu in menu bar” checkbox.
    Under 10.6.x,
    go to the General panel of AppleScript Editor’s Preferences dialog box
    and check the “Show Script menu in menu bar” option.
    --=====
    Yvan KOENIG (VALLAURIS, France)
    2011/12/17
    2012/01/01 no longer use a local variable, use result
    --=====
    on run
    Clear the clipboard *)
      set the clipboard to ""
    Copy the selection in the clipboard *)
              my raccourci("Numbers", "c", "c")
    Loop waiting that the clipboard is really filled *)
              repeat
                        try
                                  if (the clipboard as text) is not "" then exit repeat
                        on error
                        end try
              end repeat
    Extract the clipboard's content *)
      the clipboard as text
    Insert return between every characters *)
              my recolle(every character of result, return)
    Fill the clipboard with the edited string *)
      set the clipboard to result
    Paste in the cell *)
              my raccourci("Numbers", "v", "cas")
    end run
    --=====
    on recolle(l, d)
              local oTIDs, t
              set oTIDs to AppleScript's text item delimiters
              set AppleScript's text item delimiters to d
              set t to l as text
              set AppleScript's text item delimiters to oTIDs
              return t
    end recolle
    --=====
    on activateGUIscripting()
      (* to be sure than GUI scripting will be active *)
              tell application "System Events"
                        if not (UI elements enabled) then set (UI elements enabled) to true
              end tell
    end activateGUIscripting
    --=====
    ==== Uses GUIscripting ====
    This handler may be used to 'type' text, invisible characters if the third parameter is an empty string.
    It may be used to 'type' keyboard raccourcis if the third parameter describe the required modifier keys.
    I changed its name « shortcut » to « raccourci » to get rid of a name conflict in Smile.
    on raccourci(a, t, d)
              local k
              tell application a to activate
              tell application "System Events" to tell application process a
                        set frontmost to true
                        try
                                  t * 1
                                  if d is "" then
      key code t
                                  else if d is "c" then
      key code t using {command down}
                                  else if d is "a" then
      key code t using {option down}
                                  else if d is "k" then
      key code t using {control down}
                                  else if d is "s" then
      key code t using {shift down}
                                  else if d is in {"ac", "ca"} then
      key code t using {command down, option down}
                                  else if d is in {"as", "sa"} then
      key code t using {shift down, option down}
                                  else if d is in {"sc", "cs"} then
      key code t using {command down, shift down}
                                  else if d is in {"kc", "ck"} then
      key code t using {command down, control down}
                                  else if d is in {"ks", "sk"} then
      key code t using {shift down, control down}
                                  else if (d contains "c") and (d contains "s") and d contains "k" then
      key code t using {command down, shift down, control down}
                                  else if (d contains "c") and (d contains "s") and d contains "a" then
      key code t using {command down, shift down, option down}
                                  end if
                        on error
                                  repeat with k in t
                                            if d is "" then
      keystroke (k as text)
                                            else if d is "c" then
      keystroke (k as text) using {command down}
                                            else if d is "a" then
      keystroke k using {option down}
                                            else if d is "k" then
      keystroke (k as text) using {control down}
                                            else if d is "s" then
      keystroke k using {shift down}
                                            else if d is in {"ac", "ca"} then
      keystroke (k as text) using {command down, option down}
                                            else if d is in {"as", "sa"} then
      keystroke (k as text) using {shift down, option down}
                                            else if d is in {"sc", "cs"} then
      keystroke (k as text) using {command down, shift down}
                                            else if d is in {"kc", "ck"} then
      keystroke (k as text) using {command down, control down}
                                            else if d is in {"ks", "sk"} then
      keystroke (k as text) using {shift down, control down}
                                            else if (d contains "c") and (d contains "s") and d contains "k" then
      keystroke (k as text) using {command down, shift down, control down}
                                            else if (d contains "c") and (d contains "s") and d contains "a" then
      keystroke (k as text) using {command down, shift down, option down}
                                            end if
                                  end repeat
                        end try
              end tell
    end raccourci
    --=====
    --[/SCRIPT]
    --{code}
    tip #2 :
    --{code}
    --[SCRIPT rotate_cell_contents]
    Enregistrer le script en tant que Script : rotate_cell_contents.scpt
    déplacer le fichier ainsi créé dans le dossier
    <VolumeDeDémarrage>:Users:<votreCompte>:Library:Scripts:Applications:Numbers:
    Il vous faudra peut-être créer le dossier Numbers et peut-être même le dossier Applications.
    Sélectionner une cellule dont le texte doit être tourné de 90 degrés.
    Aller au menu Scripts , choisir Numbers puis choisir “rotate_cell_contents”
    --=====
    L’aide du Finder explique:
    L’Utilitaire AppleScript permet d’activer le Menu des scripts :
    Ouvrez l’Utilitaire AppleScript situé dans le dossier Applications/AppleScript.
    Cochez la case “Afficher le menu des scripts dans la barre de menus”.
    Sous 10.6.x,
    aller dans le panneau “Général” du dialogue Préférences de l’Éditeur Applescript
    puis cocher la case “Afficher le menu des scripts dans la barre des menus”.
    --=====
    Save the script as a Script: rotate_cell_contents.scpt
    Move the newly created file into the folder:
    <startup Volume>:Users:<yourAccount>:Library:Scripts:Applications:Numbers:
    Maybe you would have to create the folder Numbers and even the folder Applications by yourself.
    Select a cell whose contents must be rotated for 90 degrees.
    Go to the Scripts Menu, choose Numbers, then choose “rotate_cell_contents”
    --=====
    The Finder’s Help explains:
    To make the Script menu appear:
    Open the AppleScript utility located in Applications/AppleScript.
    Select the “Show Script Menu in menu bar” checkbox.
    Under 10.6.x,
    go to the General panel of AppleScript Editor’s Preferences dialog box
    and check the “Show Script menu in menu bar” option.
    --=====
    Yvan KOENIG (VALLAURIS, France)
    2011/06/23
    2011/06/26 -- No longer use an auxiliary text box. Now keep the text attributes.
    2012/01/31 -- edited for Lion
    --=====
    on run
              local dName, sName, tName, rowNum1, colNum1, rowNum2, colNum2
              local le_texte, la_largeur, la_hauteur, myNewDoc
              my activateGUIscripting()
    Extract properties of the source/target cell *)
              set {dName, sName, tName, rowNum1, colNum1, rowNum2, colNum2} to my get_SelParams()
              tell application "Numbers" to tell document dName to tell sheet sName to tell table tName
                        set selection range to range (name of column colNum1 & name of row rowNum1)
              end tell
    Cut*)
              my raccourci("Numbers", "x", "c")
    Trigger Preview *)
              tell application "System Events"
                        if "Preview" is not in (name of every application process) then launch application "Preview"
              end tell
      delay 0.2 -- required
    New document from the clipboard *)
              my raccourci("Preview", "n", "c")
    Rotate to left *)
              my raccourci("Preview", "l", "c")
    Copy *)
              my raccourci("Preview", "c", "c")
    Quit *)
              my raccourci("Preview", "q", "c")
              (system attribute "sys2") < 7
              if result then
    Click the [Don't Save] button in the warning sheet *)
                        tell application "Preview" to activate
                        tell application "System Events" to tell application process "Preview" to tell window 1
                                  name of buttons
                                  repeat 50 times
                                            delay 0.1
                                            if exists sheet 1 then exit repeat
                                  end repeat
                                  tell sheet 1 to click button 2
                        end tell
              end if
    Back to Numbers *)
              tell application "Numbers" to tell document dName to tell sheet sName to tell table tName
      -- just reset the focus on the table
              end tell
    Paste in the cell *)
              my raccourci("Numbers", "v", "c")
    end run
    --=====
    set { dName, sName, tName,  rowNum1, colNum1, rowNum2, colNum2} to my get_SelParams()
    tell application "Numbers" to tell document dName to tell sheet sName to tell table tName
    on get_SelParams()
              local d_name, s_name, t_name, row_num1, col_num1, row_num2, col_num2
              tell application "Numbers" to tell document 1
                        set d_name to its name
                        set s_name to ""
                        repeat with i from 1 to the count of sheets
                                  tell sheet i to set maybe to the count of (tables whose selection range is not missing value)
                                  if maybe is not 0 then
                                            set s_name to name of sheet i
                                            exit repeat
                                  end if -- maybe is not 0
                        end repeat
                        if s_name is "" then
                                  if my parleAnglais() then
                                            error "No sheet has a selected table embedding at least one selected cell !"
                                  else
                                            error "Aucune feuille ne contient une table ayant au moins une cellule sélectionnée !"
                                  end if

  • How do I make multiple text bold, for example scene headings or character names?

    How do I make multiple text bold, for example scene headings or character names?

    You can do that by editing the template of the document.
    Open the document, go to Edit->Template. A dialog will launch which will have element types on the left and it's properties on the right.
    Select Scene Heading(or Character name) on the left. On the right, go to 'Text' tab and click on Bold checkbox.
    Press OK.
    Hope this helps.
    Cheers,
    Sunny

  • How can I make the text bigger in iCal?

    How can I make the text bigger in iCal?  I've looked at Preferences and View. 

    Sorry, did not see that you are using 10.6.7

  • This is probably a dumb question, but I can't find an answer. How do I make the text on my calendar larger so I can actually read it when I print it out?

    This is probably a dumb question, but I can't find an answer. How do I make the text on my calendar larger so I can actually read it when I print it out? I am using a MacBook.

    Press "Command P" and when the Print dialogue box comes up, towards the bottom there is an option allowing you to choose the text size, i.e: small, med, large.
    Hope this helps,
    NEIL

  • How can i make the text bigger?

    How can i make the text bigger?

    1. press "T" to bring up the text tool.
    2. click the text you want to edit
    3. highlight the text you want to change size with your cursur
    4. If it's not already up, press Command + T to bring up the text tool box and adjust the size under the character group. The value you want to change will have a "TT" next to it.
    If this doesn't help. More details will help us help you.

  • How do I make my text field automatically upper case?

    How do I make my text field in a form automatically upper case?

    Use the following as the text field's custom Keystroke JavaScript (choose a Format type of Custom):
    // Keystroke script for text field
    event.change = event.change.toUpperCase();

  • When I print a webpage from FF how can I make the text and images bigger?

    I am trying to print an eticket for a flight. The text on the schedule comes out too small and the UPC symbol's black lines look ganged together. I know I can view it zoomed up, but how do I make the text and images stay zoomed so they will print out that way?

    I upgraded but the problem remains. At least with Firefox I do have the option to print a selection even if it mangles the top and bottom lines. With Safari or Chrome I have no option to print a selection. At the moment the only way to get a complete copy of the selection is to copy to openoffice etc and print from there.

  • How do I make a text layer 3D in ps cc?

    How do I make a text layer 3D in ps cc?
    I know that you are able to do it on ps cs6 but I don't understand how to use the 3D features on ps cc.

    Bummer.  There ways to make 3D effects with 2D tools, like Free Transform Step & Repeat, or just try Google.  Plugins like Alien Skin — Eye Candy 7 do Extrusion plus more effects than you can shake a very big stick at, and it is surprisingly affordable nowadays.

  • In elements 11 how do I make a finished movie return to the start menu?

    In Elements 11 how do I make a finished movie return to the start menu?

    Maud23
    I just got through a run through of your issue using Premiere Elements 8.0/8.0.1 and Premiere Elements 11 on Windows 7 64 bit and my TV DVD player.
    Whether it was Premiere Elements 8.0/8.0.1 or Premiere Elements 11 with or without menu markers on the project's Timeline, the DVD-VIDEO on DVD disc produced played back the same on my TV DVD Player.
    Results...
    No disc menus and with or without scene markers on the Timeline
    Timeline - color matte - jpg 1, jpg 2, jpg3, jpg 4, jp5
    Hitting Play, played back was from the color matte to the jp5 and then back to the DVD player logo, not the color matte.
    If I applied a disc menu (just main menu page, no scene markers on the Timeline)
    Timeline - color matte - jpg1, jpg2, jpg3, jpg4, jp5
    The main menu would automatically appear. When I hit Play (only option since no scene markers/no Scene Selection button on the main menu), the playback would start at the color matte, continue to jpg5, and then return to the main menu page, not the DVD player logo nor the color matte.
    Again, it did not matter if the DVD-VIDEO described above was created in version 8.0/8.0.1 or 11, same results.
    I did not explore fully TV DVD settings to determine if answers could be found on the TV DVD player side of things. I have not found them.
    Could you elaborate on what you wrote
    At the start I chose to use a single slide from the Elements 11 menu selection.
    Are you saying that whatever you did there was consistent with you getting what you wanted when you did that but used version 8.0/8.0.1 instead of 11? From what you wrote, I am wondering if what you did was to apply just the main menu of a disc menu to the project to get what you wanted just like I did in my road testing of the issue tonight.
    We will be watching for further details.
    Thank you.
    ATR

  • How do I make the text in iTunes a lot larger?

    How do I make the text in iTunes a lot larger?

    I use an old iTunes. Check if there is something in iTunes preferences, but I doubt there is.  You may have to simply use something such as Universal Access preferences to zoom your whole screen.  I do recall coming across a reference for a hack to edit iTunes fonts in the application itself but if you enlarge the font as opposed to simply tweaking it slightly with a very similar one you are likely to really mess up iTunes display since the rest of the application won't have been designed with scaled up fonts in mind.
    I can also personally recommend reading glasses.

  • I am making a slideshow. How do you make a text slide?

    I am making a slideshow. How do you make a text slide? I have not found a tutorial.

    If you want to superimpose text on a slide: simply click on the text button on the tool bar
    If you want to have a blank slide with just text: create a black (or whatever colour you prefer) slide and use that behind the text.
    Regards
    TD

  • How do you make a clip move on a frame

    how do you make a clip move on a frame

    777
    It is not clear what you are asking about. Could explain another way?
    Please start with what version of Premiere Elements you are working and on what computer operating system it is running?
    From what you wrote, I am not sure if you are saying
    a. The Timeline Indicator is stuck and will not more from left to right when you try to play back the Timeline content in the Edit area
    or
    b. You want to create an animation
    or
    c. You are doing a Picture in Picture (PiP) and want the picture (or video insert) to move to different locations within the frames over the course of
    time.
    or
    d. Other
    We will be looking forward to your clarification with details so that we can give you the information that you seek.
    Thank you.
    ATR

  • How can I make a text box in Aperture transparent??

    Hello,
    After a great trip to Thailand I want to make a book of all my pictures using Aperture 3. At some places in the book I use a title to indicate what will be shown on the image. This title is made by the text box and it is put on the image itself. Now what I would like is to make is a transparent bar of the text box, so that I still can see the details of the image through this bar and also read the text about the image easily.
    I have no problems making this text box and putting it in the right place, the thing that I don't understand, after two nights of trying, is how to make this text box transparent.
    Any help is appreciated!
    Thanks in advance!

    Perhaps I need to reformulate what I exactly want to do...!
    I would like to use transparent text boxes but not as transparent as the image itself. I want to show the text box as a real bar but slightly different than the original image colour. So something between a normal image and a white bar so that it will be a bit transparent but also shown as a real bar..
    I think the text boxes of each theme are identical, so yes you are right about the transparent text boxes of art collection but they are the same as photo essay.
    Do you understand what I mean?

  • How can I make the text crisper and less blurry on my MacBook Pro?

    I just purchased my first MacBook Pro, and I absolutely love it, save for one potential deal breaker: The text displays blurry. Instead of stark, black on white text, there is a slight halo of grey (or whatever color the font is in) around every character. It makes the text look nice, but much harder to read. The characters are deliberately out of focus. Apparently this is normal, according to this article: http://seattletimes.nwsource.com/html/businesstechnology/2015823073_ptmrsh06.htm l
    Is there a way to fix (or work around) this? As a writer, I cannot type for eight hours a day on a computer that "softens" the text. I have tried adjusting my screen resolution (it's at the highest possible) and turning off "font-smoothing" (it's off). Nothing works. I called Apple support and they couldn't help me either. I can't believe there's not an easy fix for this.

    Humor me.
    Let's revisit the things you did, because they -should- have fixed the problems.
    !) to set screen resolution, you MUST use:
    System Preferences > Displays ...
    Use of the MenuBar item simply shows the last three chosen, not all available.
    And what is the screen resolution you are using now? 13" 15" or 17" display? Do you have the default glossy screen or the enhanced matte display?
    2) font smoothing.
    System Preferences > Appearance.
    I see no OFF. I see a checkbox to default to LCD smoothing, and I see   "turn off font smoothing for characters smaller than nn point", where nn is 4 to 12.
    How do you have these set?

Maybe you are looking for

  • Mac User Cannot Use Form Created in Windows Acrobat 9.0 Pro

    I have created a form and emailed it to a Mac user.  He does not know what version of Acrobat he has or even if he is using a full version of Acrobat or Acrobat Reader (I tried to walk him through to check his version, but he could not find it). He i

  • Often got restart

    I just bought lumia920..but still not one month,i had several problems..1. The phone was hang and can't be restart. 2. application on the floor couldn't be open even i already touch it several times,it works again after i restart the phone.3.the phon

  • Setting up Network & Internet via Router on Solaris 10 (x86)

    The problem that I have seems to be a very common one. As a regular windows user I have never had any reason to use any other Operating Systems, however, studying oracle on Sun Systems through university has meant that unless I get my own Solaris mac

  • I want to print two addresses in same window parallely

    Hi All, i want to print two addresses in same window parallely, I tried it with Template but not able to do it .Can any one tell me in detail. Thanks in advance. Regards, Sudhakar Reddy.A

  • Using iPhoto with an existing directory structure on HD full of jpgs

    I'm using iPhoto 6. I recently moved 7,000+ photos (jpgs) off my PC onto my new Mac harddrive. They are organized into dozens of folders and subfolders. How can I use iPhoto to work with the pics within this directory structure? I tried dragging and