Help with designing a mobile site

Posted by Community Admin on 05-Aug-2018 16:20

Help with designing a mobile site

All Replies

Posted by Community Admin on 24-May-2013 00:00

Hi everybody, I'm trying to adapt my website to be more friendly for mobile users on sitefinity 5.4. What we have in place at the moment is a redirect to an alternative site, but that's inconvenient because it means that we need to publish each bit of content twice. So we're trying to make our main site compatible with both high and low res screens.

I know that SF has responsive design by making columns into rows when the resolution is smaill, and that works fine. However, the way our pages are laid out is as follows:

[--------------------Header-------------------]
[------------------Main menu-----------------]
[-Navigation-][-----Content-----][---Other---]
[--------------------Footer--------------------]

But what we want for the mobile site is as follows:
[SmallerHeader]
[Content]
[Main menu]
[Navigation]
[Footer]

Which means that some of the items will need to be reorganised.
One solution I thought of was to have duplicates the items (such as the menu and navigation) above and below the content and then be made visible/invisible based on the width of the screen. Hoever. I feel that this would have an impact on SEO due to duplicate content, twice as many links etc.

How can I solve this?
-Marco M

This thread is closed