Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 30, 2014 at 12:51 pm #285153
    tocal

    Hi Guys,

    I have some pages on my site (like this): http://dalestudios.co.uk/about/ where an image is in the second of 2 columns but, when it’s on mobile I’d like the image to be in front of the text. Is that possible?

    Essentially, I want the second column to be first, and the first column to be second under 768px.

    Thanks

    June 30, 2014 at 4:09 pm #285249
    Devin

    Hey tocal!

    No, not in anyway I can think of.

    The positioning is handled in the order the elements are in the html of the page. The columns are handled by css saying that column 1 is 50% and then column 2 is also 50%.

    When moved down to mobile they both switch to 100% width and display in the order they naturally are from top of the page to the bottom within the code. So re-arranging them isn’t something we could assist with a small code snippet or css adjustment.

    Regards,
    Devin

    June 30, 2014 at 4:51 pm #285269
    tocal

    OK Devin, no worries.

    Would you think the best bet is to create a duplicate colour section with the columns switched and just use div IDs to show and hide the relevant ones at mobile & tablet sizes?

    Thanks

    June 30, 2014 at 5:52 pm #285314
    Devin

    Yep, that would work perfectly. The duplicate content *should* be ignored by search engines since its set to display: none as well.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.