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

Article is above the position in tablet view
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: Article is above the position in tablet view

Article is above the position in tablet view 8 years ago #28559

Hi,

I have no knowledge but I modified the SJ Joomla3 template for what I need. I modified the layout left-right-main.xml, I only need to correct the Tablet view.

Basicly I need to have the logo, menu, slideshow, position 6 and Article.

I have an iframe (width 585 height 370) within a module, I put this module in position 6. In PC works well but in tablet the article is above the position 6.

I hope you can help me.

Regards
Attachments:
The topic has been locked.

Re: Article is above the position in tablet view 8 years ago #28602

  • thuyltt
Dear jpmesa,
Could you please send us your URL link to check this issue.

Thanks.
The topic has been locked.

Re: Article is above the position in tablet view 8 years ago #28617

  • thuyltt
Dear jpmesa,
We use classes of boostrap to config layout: prntscr.com/bpux77
Refer here:
getbootstrap.com/2.3.2/scaffolding.html#gridSystem
You can add these class to make your site better.

Thanks.
The topic has been locked.

Re: Article is above the position in tablet view 8 years ago #28624

Thuyltt,

Thanks for your help and patience.
As I told you before I dont have a lot of skills about this issue.
Maybe can you describe me the code that I have to change and where?

Regards
The topic has been locked.

Re: Article is above the position in tablet view 8 years ago #28628

  • thuyltt
Dear jpmesa,
Please send us your code which you customize, we will add classes for you.

Thanks.
The topic has been locked.

Re: Article is above the position in tablet view 8 years ago #28630

Hi, this is the code that I modified
-----------------------
<?xml version="1.0" encoding="utf-8"?>
<layout type="lrm">
<head>
</head>
<groups>
<group class="span4" data-normal="span3" data-tablet="span3" data-stablet="span4">left</group>

<group
class="span7d2"
data-normal="span9"
data-tablet="span12"
data-stablet="span8"

noright-class="span9d6"
noright-data-normal="span9"
noright-data-tablet="span12"
noright-data-stablet="span8">main</group>
</groups>
<blocks>
<header html5tag="header" order="2" id="yt_header" autosize="0">
<positions>
<position class="span6" type="feature">@logo</position>
<position class="span3 offset3" data-wide="span3 offset3" data-mobile="span3 offset3" style="none" type="modules">position-0</position>
<position class="span8 offset4" data-normal="span10 offset2" data-tablet="span10 offset2" data-stablet="span12" type="feature">@menu</position>
</positions>
</header>

<slideshow html5tag="section" order="4" id="yt_slideshow">
<positions>
<position class="span12" style="ytmod" type="modules">slide_show</position>
</positions>
</slideshow>
<spotlight html5tag="section" order="5" id="yt_spotlight">
<positions>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" style="ytmod" type="modules">position-a</position>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" style="ytmod" type="modules">position-b</position>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" style="ytmod" type="modules">position-c</position>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span6" style="ytmod" type="modules">position-d</position>
<position class="span2d4" data-normal="hidden" data-tablet="hidden" data-stablet="span6" style="ytmod" type="modules">position-e</position>
</positions>

</spotlight>
<content html5tag="section" order="6" id="content">
<positions>
<position class="span4" 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="span12"
data-stablet="span8"

noleft-class="span9d6"
noleft-data-normal="span9"
noleft-data-tablet="span12"
noleft-data-stablet="span8"

group="main" type="message"></position>
<position class="span7d2"
data-normal="span9"
data-tablet="span12"
data-stablet="span8"

noleft-class="span9d6"
noleft-data-normal="span9"
noleft-data-tablet="span12"
noleft-data-stablet="span8"

group="main" type="component">component</position>
</positions>
</content>
<spotlight2 html5tag="section" order="7" id="yt_spotlight2">
<positions>
<position class="span2d4" data-normal="hidden" data-tablet="hidden" data-stablet="span6" style="ytmod2" type="modules">position-10</position>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span6" style="ytmod2" type="modules">position-11</position>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" style="ytmod2" type="modules">position-12</position>
<position class="span2d4" data-normal="span3" data-tablet="span3" data-stablet="span4" style="ytmod2" type="modules">position-13</position>
<position class="span2d4 position-last" data-normal="span3 position-last" data-tablet="span3 position-last" data-stablet="span4 position-last" style="ytmod2" type="modules">position-14</position>
</positions>
</spotlight2>
<footer html5tag="footer" order="10" id="yt_footer">
<positions>
<position class="span12" type="feature">@copyright</position>
</positions>
</footer>
</blocks>
</layout>
The topic has been locked.
  • Page:
  • 1
  • 2
Time to create page: 0.24 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