Joomla Templates Club 406,261 posts

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#204828

Hi

How do I get all modules to show in mobile view please?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#563777

May I know what modules are you pointing out. please post a screenshot and the Url of the page.

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#563791

<em>@Chavan 464330 wrote:</em><blockquote>May I know what modules are you pointing out. please post a screenshot and the Url of the page.</blockquote>

Any. None show in mobile view. http://www.driveways-in-cardiff.co.uk

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#563876

can you please post your admin details via private message and also post me a screenshot of which modules you wanted to be displayed on the mobile.

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#563898

Ok sure,

I wouldn’t mind knowing how to do it though, as in JA Social it’s very easy via admin panel. I want all of them to show. Content mass top before articles then everything else (including the footer) underneath.

PM sent, thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#563904

Yes, you can do those by modifying the layout xml.

Default Layout XML

<?xml version=”1.0″ encoding=”utf-8″?>
<layout name=”desktop”>
<!–Extra css load for this layout–>
<stylesheets>
</stylesheets>
<blocks name=”top” style=”xhtml”>
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top</block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”header” type=”header” main-inner=”1″></block>
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>
<block name=”slideshow” type=”modules” style=”raw”>slideshow</block>
<block name=”topsl” type=”spotlight” style=”raw” main-inner=”1″>user1,user2</block>
</blocks>
<blocks name=”middle” colwidth=”20″>
<block name=”content-mass-top” style=”raw”>content-mass-top</block>
<block name=”inset1″ style=”jaxhtml”>left</block>
<block name=”right1″ style=”jaxhtml”>right</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl-2″ type=”spotlight” main-inner=”1″>user4</block>
<block name=”botsl-1″ type=”spotlight” main-inner=”1″>user5,user6,user7,user8,user9,user10</block>
<block name=”navhelper” type=”navhelper” main-inner=”1″></block>
<block name=”footer” type=”footer” main-inner=”1″></block>
</blocks>
</layout>

Mobile Layout XML

<?xml version=”1.0″ encoding=”utf-8″?>
<layout body-class=”bd-iphone” device=”iphone”>
<name>Iphone</name>
<description>Default layout for Iphone</description>
<!–Extra css load for this layout–>
<stylesheets>
<file>css/iphone/layout.css</file>
<file>css/iphone/template.css</file>
</stylesheets>
<scripts>
<file>js/iphone.js</file>
</scripts>
<blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”iphone/mainnav” class=”black”></block>
<block name=”header” type=”iphone/header”></block>
</blocks>
<blocks name=”middle”>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”footer” type=”iphone/footer”></block>
</blocks>
</layout>

This is where you can enable and disable module position for the different devices.

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#563988

<em>@Chavan 464495 wrote:</em><blockquote>Yes, you can do those by modifying the layout xml.

Default Layout XML

<?xml version=”1.0″ encoding=”utf-8″?>
<layout name=”desktop”>
<!–Extra css load for this layout–>
<stylesheets>
</stylesheets>
<blocks name=”top” style=”xhtml”>
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top</block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”header” type=”header” main-inner=”1″></block>
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>
<block name=”slideshow” type=”modules” style=”raw”>slideshow</block>
<block name=”topsl” type=”spotlight” style=”raw” main-inner=”1″>user1,user2</block>
</blocks>
<blocks name=”middle” colwidth=”20″>
<block name=”content-mass-top” style=”raw”>content-mass-top</block>
<block name=”inset1″ style=”jaxhtml”>left</block>
<block name=”right1″ style=”jaxhtml”>right</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl-2″ type=”spotlight” main-inner=”1″>user4</block>
<block name=”botsl-1″ type=”spotlight” main-inner=”1″>user5,user6,user7,user8,user9,user10</block>
<block name=”navhelper” type=”navhelper” main-inner=”1″></block>
<block name=”footer” type=”footer” main-inner=”1″></block>
</blocks>
</layout>

Mobile Layout XML

<?xml version=”1.0″ encoding=”utf-8″?>
<layout body-class=”bd-iphone” device=”iphone”>
<name>Iphone</name>
<description>Default layout for Iphone</description>
<!–Extra css load for this layout–>
<stylesheets>
<file>css/iphone/layout.css</file>
<file>css/iphone/template.css</file>
</stylesheets>
<scripts>
<file>js/iphone.js</file>
</scripts>
<blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”iphone/mainnav” class=”black”></block>
<block name=”header” type=”iphone/header”></block>
</blocks>
<blocks name=”middle”>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”footer” type=”iphone/footer”></block>
</blocks>
</layout>

This is where you can enable and disable module position for the different devices.</blockquote>

Yes I can add them in there ok, but they have no styling on mobile and look ugly, is there a way to put them in a simple box and centre them like they were on desktop?

You can see here http://www.driveways-in-cardiff.co.uk if you look on mobile.

Thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#564018

that is the reason why those modules were hidden in the mobile. please post and screenshot and the correction you want on those module. we shall give a try on those.

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#564039

Well I just want them in a white box or something and centred like I said, so they don’t look ugly. I don’t know how to screen shot, but I sent the URL and you can see what it’s like on there.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#565358

can you please post me your site admin login details via Private message. I need to check and provide a fix. will provide you a details of the fix too. please send me the details

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#565370

PM sent, thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#565443

please check your website on mobile and confirm. if there is any issues

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#565490

Hi I can see they are now showing. But the point is, they are un-styled so they look hideous.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#565560

can you please advice us, how it should look like. please be precise on the styling. so, we can suggest the css code

[claire1212 Friend claire1212Join date: February 2015Posts: 19Downloads:3Uploads:2]

#565653

<em>@Chavan 466753 wrote:</em><blockquote>can you please advice us, how it should look like. please be precise on the styling. so, we can suggest the css code</blockquote>

As they are in the main template would be fine. Black header, in a white box and centred.

[Author]

Posts