Moving elements around a page

  • Luke Estevan

    (@luke-estevan)


    12 years, 11 months ago

    I’m trying to get a map and a form to sit side by side. I’m pretty sure this is a simple task and yet I’m badly in need of some advice.

    lukeestevan.co.uk/contact

    I can’t work out how to move the map up. I’ve “dived” it all up a bit but as i’m in my first week of building my first website I’m a little lost.

    Any help would be most welcome.

    Thank you.

    [Seriously? After only 50 minutes? No bumping. If it’s that urgent, consider hiring someone.]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Luke Estevan

    (@luke-estevan)

    12 years, 11 months ago

    don’t worry … got it.

    Thread Starter Luke Estevan

    (@luke-estevan)

    12 years, 11 months ago

    so …

    Having floated the shortcode item (google map) on my page to have it on the same line as a contact form I now have a problem in that when viewed on a mobile the “float: right” item is not aligned with the rest of the page.

    Any ideas on how to fix this without changing the look of the page on a wide viewed screen?

    Many thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 11 months ago

    Try adding:

    @media all and (max-width: 480px) {
 .entry-content {
  float: left;
 }
}

    Thread Starter Luke Estevan

    (@luke-estevan)

    12 years, 11 months ago

    ah ha … excellent!

    Thank you Andrew! and thanks again for all your help the other day with the footer!

    When I said evasive I meant invasive … but as it turns out I meant neither.

    Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Moving elements around a page’ is closed to new replies.