Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

[SOLVED] Position-6 -menu position in mobile and tablet
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: [SOLVED] Position-6 -menu position in mobile and tablet

[SOLVED] Position-6 -menu position in mobile and tablet 10 years, 4 months ago #13579

  • donJuha
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
How can you get menu in position-6 to be positioned before main content in mobile-mode?
If you use site in mobile device (or resize browser window smaller when using computer) the menu in position-6 comes after main content and that's not very user-friendly.

Is there way to arrange the positions?
The topic has been locked.

Re: Position-6 -menu position in mobile and tablet 10 years, 4 months ago #13647

Dear Juha,

Please go to your_site\templates\sj_joomla3\layouts\left-main-right.xml and find:

1.
<groups>
		<group class="span2d4 offset-9d6" data-normal="span3 offset-12" data-tablet="span3 offset-12" data-stablet="span4 offset-12">left</group>
		<group class="span2d4" data-normal="span12" data-tablet="span12" data-stablet="span12">right</group>
		<group 
			   class="span7d2 offset2d4" 
			   data-normal="span9 offset3" 
			   data-tablet="span9 offset3" 
			   data-stablet="span8 offset4"
			   
			   noright-class="span9d6 offset2d4"
			   noright-data-normal="span9 offset3" 
			   noright-data-tablet="span9 offset3" 
			   noright-data-stablet="span8 offset4"
			   
			   noleft-class="span9d6"
			   noleft-data-normal="span9" 
			   noleft-data-tablet="span9" 
			   noleft-data-stablet="span8"
			   
			   noleftright-class="span12"
			   noleftright-data-normal="span12" 
			   noleftright-data-tablet="span12" 
			   noleftright-data-stablet="span12">main</group>
	</groups>


=> replace:

<groups>
		<group class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4">left</group>
		<group class="span2d4" data-normal="span12" data-tablet="span12" data-stablet="span12">right</group>
		<group 
			   class="span7d2" 
			   data-normal="span9" 
			   data-tablet="span9" 
			   data-stablet="span8"
			   
			   noright-class="span9d6"
			   noright-data-normal="span9" 
			   noright-data-tablet="span9" 
			   noright-data-stablet="span8"
			   
			   noleft-class="span9d6"
			   noleft-data-normal="span9" 
			   noleft-data-tablet="span9" 
			   noleft-data-stablet="span8"
			   
			   noleftright-class="span12"
			   noleftright-data-normal="span12" 
			   noleftright-data-tablet="span12" 
			   noleftright-data-stablet="span12">main</group>
	</groups>


-----

2.
<content html5tag="section" order="6" id="content" showDivTop="0" showDivBottom="0">
			<positions>
				<position 
					class="span7d2" 
					data-normal="span9" 
					data-tablet="span9" 
					data-stablet="span8"
					
					noleft-class="span9d6" 
					noleft-data-normal="span9" 
					noleft-data-tablet="span9" 
					noleft-data-stablet="span8" 
					
					noright-class="span9d6" 
					noright-data-normal="span9" 
					noright-data-tablet="span9" 
					noright-data-stablet="span8" 
					
					noleftright-class="span12" 
					noleftright-data-normal="span12" 
					noleftright-data-tablet="span12" 
					noleftright-data-stablet="span12" 
					
					group="main" type="message"></position>
				<position 
					class="span7d2" 
					data-normal="span9" 
					data-tablet="span9" 
					data-stablet="span8"
					
					noleft-class="span9d6" 
					noleft-data-normal="span9" 
					noleft-data-tablet="span9" 
					noleft-data-stablet="span8" 
					
					noright-class="span9d6" 
					noright-data-normal="span9" 
					noright-data-tablet="span9" 
					noright-data-stablet="span8" 
					
					noleftright-class="span12" 
					noleftright-data-normal="span12" 
					noleftright-data-tablet="span12" 
					noleftright-data-stablet="span12" 
					 
					group="main" type="component">component</position>
				<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" group="left" style="ytmod" type="modules">position-6</position>
				<position class="span2d4" data-normal="span12" data-tablet="span12" data-stablet="span12" group="right" style="ytmod" type="modules">position-7</position>
			</positions>
		</content>


=> replace:

<content html5tag="section" order="6" id="content" showDivTop="0" showDivBottom="0">
			<positions>
				
				<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" group="left" style="ytmod" type="modules">position-6</position>
				
				<position 
					class="span7d2" 
					data-normal="span9" 
					data-tablet="span9" 
					data-stablet="span8"
					
					noleft-class="span9d6" 
					noleft-data-normal="span9" 
					noleft-data-tablet="span9" 
					noleft-data-stablet="span8" 
					
					noright-class="span9d6" 
					noright-data-normal="span9" 
					noright-data-tablet="span9" 
					noright-data-stablet="span8" 
					
					noleftright-class="span12" 
					noleftright-data-normal="span12" 
					noleftright-data-tablet="span12" 
					noleftright-data-stablet="span12" 
					
					group="main" type="message"></position>
				<position 
					class="span7d2" 
					data-normal="span9" 
					data-tablet="span9" 
					data-stablet="span8"
					
					noleft-class="span9d6" 
					noleft-data-normal="span9" 
					noleft-data-tablet="span9" 
					noleft-data-stablet="span8" 
					
					noright-class="span9d6" 
					noright-data-normal="span9" 
					noright-data-tablet="span9" 
					noright-data-stablet="span8" 
					
					noleftright-class="span12" 
					noleftright-data-normal="span12" 
					noleftright-data-tablet="span12" 
					noleftright-data-stablet="span12" 
					 
					group="main" type="component">component</position>
				
				<position class="span2d4" data-normal="span12" data-tablet="span12" data-stablet="span12" group="right" style="ytmod" type="modules">position-7</position>
			</positions>
		</content>



Thanks!
The topic has been locked.
The following user(s) said Thank You: donJuha

Re: Position-6 -menu position in mobile and tablet 10 years, 4 months ago #13664

  • donJuha
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Yes!
It works!
Thank You!
The topic has been locked.
  • Page:
  • 1
Time to create page: 0.20 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes