Mobile Layout Configuration

by johnny_s   Last Updated February 04, 2017 14:04 PM

  • Joomla 3.6.5
  • Helix3 Template here

The layout of the template is as follows;

 - header |
 - left sidebar | main content | 
 - footer |

When I view my template on a mobile device (devtools) the left sidebar stacks first, and the main content is below it. How can I reverse this? I'd like the main content to display first.

I can't see any template configuration settings.

Thanks



Answers 1


I managed to do this, thanks to the link from @Lodder.

In the Helix3 template layout, I swapped the positions of the left sidebar and main content blocks (drag and drop).

Now the layout is like below;

 - header |
 - main content | left sidebar | 
 - footer |

Then I added a css class to each block as follows;

  • main content pull-right

  • left sidebar pull-left

This seems to have done the trick!

johnny_s
johnny_s
February 06, 2017 10:28 AM

Related Questions


Mobile web pages

Updated April 10, 2015 19:04 PM

Templates editing

Updated June 14, 2016 08:04 AM



Need to Change the Default URL on Mobile Joomla

Updated November 29, 2016 08:04 AM