How do I switch of elements of a mobile page?

Hi.

We have a site here: http://www.belsensosvennerstal.com/ made with the AppSite template where the top image (header image) is as wide as the total width of the webpage. this works fine with all browsers on PC/Mac, but when looking at this site on a mobilephone (Android and iPhone), the top image (header image) is only half the width of the site.
How can I fix this?

We are using Joomla 2.5.x, php 5.3, MySQL 5.5.11

Kind Regards
Bente Svebak

On this page, https://www.gavick.com/documentation/jo ... e-version/ it says:

"We can also switch on or off certain elements of a page’s mobile version as per the following:"

And the there is listed up "Logo, Icons, Menu toolbar" and so on. But where do I switch these elements of?

Kind Regards
Bente Svebak

I believe there is no single page where you can switch on / off these elements. If I am not mistaken following is what you can do.

Following elements can be switched off by not rendering them in mobile/ "".css files.

Logo:

Code: Select all

#gkHeader.cssLogo { display:none; }
#gkHeader.cssLogo > a { display:none; }
#gkHeader > a { display:none; }


Nav:

Code: Select all

#gkNav { display:none; }


Messages / Component

Code: Select all

#gkMain { display:none; }


Footer:

Code: Select all

#gkFooter { display:none; }


Icons : Desktop Switch / Register / Login / Search

Code: Select all

From Template settings > Mobile Layout.


Mobile Top / Mobile Bottom

Code: Select all

Do not publish any modules in these position so they will not display.


I have added above looking at mobile layout php file. So I am assuming it is true for all templates mobile layouts.

See you around...

Hi normanUK. Thanks for answering

I am not sure if I am on the right direction regarding to my problem. On the site: http://www.belsensosvennerstal.com/ the header image is the full width of the webpage as it should. But when looking at the Site on Android or iOS, the header image is showing up very small and therefor I was wondering if the "Icon" position is blocking the header image from spanning the hole width of the webpage?
See this page where it show that "Icons" element: https://www.gavick.com/documentation/jo ... e-version/ (Is the "Icons" element blocking the header image?).
There is a mobile folder in the css folder with 3 css files. "android.css", "handheld.css" and "iphone.css". And I can´t find any "Icons" code to change.

Hope you understand my question

There are no icons other then desktop switch button / register button / login button. If these are disabled then they will not show.

I ll check with my mobile in the morning and see how it looks.

See you around...

Hmmm... No one that can help? I think this must be a bug.

Kind Regards
Bente Svebak

That would be great normanUK!

-bente

I have checked your website in my android and it is showing desktop version. Is mobile layouts configured in your site?

Let me know, see you around...

There is a choice/button that says "Switch to mobile version", and when I click that button, the layout changes and the pages looks OK, but then the header image gets to small.
Is there any way to automaticly show "desktop version" when you use a desktop computer (PC/Mac) and automaticly show the "Mobile version" when using a mobile phone?

I have not made any choices in the "Mobile Layout" in the Template if that is what you mean.

-bente

In template settings you should have layouts for each device type with a selection box next to it. Choose your selections and save settings.

Such as below image.

Those settings is already set as you point out.

-bente

it may because I am using a custom rom in my phone maybe it has a different browser agent then default one so maybe that is why I am seeing default desktop version. I ll check again with a standard android when I get a chance.

See you around...

Thanks again

-bente

I can give you Admin login info on PM if you like?

-bente

You can send access details to my email normanuk [at] live.co.uk , I have checked with friends Iphone and it is showing desktop version as well.

Please include link to this topic when sending me an email.

See you around...

It also show me the desktop version when I go to the Site using a mobile phone, and that is OK since you have the choise to click on the button/link "Switch to Mobile version". And it is after i clicked the button/link "Switch to Mobile version" I got the problem with the header image that is to small.

Should it take me directly to the mobile version when using a mobile phone and not have to click on the button/link "Switch to Mobile version"?
If that is how it should work, that would be great.

I send you login info to your mail.

-bente

Issue is fixed via an email.