Display On Android Devices

Hello,

I have a quick question, how do I get the highlighted section to adjust properly when viewed on a cellphone(horizontally or vertically) also on a tablet?

See attachment, also here is the URL: http://www.ejcsda.com

Hi,
it will be difficult because your Accordion effect uses Flash and this same is with youtube movie.

For movies from youtube there is a few method to make them responsive but with first flash module I do not know. Besides on the iPad and iPhone - Flash in hidden (always!)

My Brother Pawel,

Thanks for the rapid response, so what are my options to address this issue. Are you saying there is none?

Hi,
it will be difficult because your Accordion effect uses Flash and this same is with youtube movie.

For movies from youtube there is a few method to make them responsive but with first flash module I do not know. Besides on the iPad and iPhone - Flash in hidden (always!)

If I may, I suggest to use simple module instead (no flash) only in mobile view.
All our templates have special suffix so you can set which can be view in desktop and which only in mobile.

About Suffixes for Mobile Devices : --> https://www.gavick.com/documentation/jo ... ve-layout/

About Responsive YouTube : http://webdesignerwall.com/tutorials/5- ... ive-design
and http://css-tricks.com/NetMag/FluidWidth ... hVideo.php

p.s. By the way you have too big Slideshow images (on home page), so some people may don't see content with modules below. I on my 22" screen and I see only this , if somebody have smaller screen it see 3/4 or 1/2 from it. Of course, they can use scroll but people are lazy.

600px--height-is-too-much.jpg

Now slide images have 600px height - I suggest to use max 400 px / 450px.

Second, web trends from 2012/2013 is about simplicity,
Jesus also called his first followers to the pathway of simplicity
And yours slide have too much unnecessary elements, you have to focus on the main message.

Pawel,

Lol.. I agree about the simplicity of the image, however my boss wants it this way...lol. I really appreciate the suggestion and I will put them into practice right away.

Great work and thanks a million.

p.s. By the way you have too big Slideshow images (on home page), so some people may don't see content with modules below. I on my 22" screen and I see only this , if somebody have smaller screen it see 3/4 or 1/2 from it. Of course, they can use scroll but people are lazy.

600px--height-is-too-much.jpg

Now slide images have 600px height - I suggest to use max 400 px / 450px.

Second, web trends from 2012/2013 is about simplicity,
Jesus also called his first followers to the pathway of simplicity
And yours slide have too much unnecessary elements, you have to focus on the main message.

Pawel,

I have another question about layouts, are my current layout frontpage settings ok for cellphone and tablets display. In other words is the site properly displayed on those devices and if not how do I set it to or what setting/dimensions/px would you recommend for each device(Android/Iphone/Tablets).

Thanks again for your wonderful assistance.

p.s. By the way you have too big Slideshow images (on home page), so some people may don't see content with modules below. I on my 22" screen and I see only this , if somebody have smaller screen it see 3/4 or 1/2 from it. Of course, they can use scroll but people are lazy.

600px--height-is-too-much.jpg

Now slide images have 600px height - I suggest to use max 400 px / 450px.

Second, web trends from 2012/2013 is about simplicity,
Jesus also called his first followers to the pathway of simplicity
And yours slide have too much unnecessary elements, you have to focus on the main message.

Pawel,

Please help me to figure out how to have the social media tab to show up on cellphones and tablets. What do I need to do to make this happen(see attachment)

p.s. By the way you have too big Slideshow images (on home page), so some people may don't see content with modules below. I on my 22" screen and I see only this , if somebody have smaller screen it see 3/4 or 1/2 from it. Of course, they can use scroll but people are lazy.

600px--height-is-too-much.jpg

Now slide images have 600px height - I suggest to use max 400 px / 450px.

Second, web trends from 2012/2013 is about simplicity,
Jesus also called his first followers to the pathway of simplicity
And yours slide have too much unnecessary elements, you have to focus on the main message.

Hi Shawn,

Open file /templates/meet_gavern/css/template.css

Find this code to remove:

Code: Select all

#gk-social-icons { display:none !important; }


Don,


Thank you....

Hi Shawn,

Open file /templates/meet_gavern/css/template.css

Find this code to remove:

Code: Select all

#gk-social-icons { display:none !important; }


You are welcome, I'm glad it helped.

Hey Don,

I have one quick question. How do I get the logo to line up evenly with the main menu in the "Creativity" template. In other words I was to reduce the spacing underneath the logo so that that both items are align evenly. See attachment

You are welcome, I'm glad it helped.

Hi Shawn,

Post that site's URL here so I can check and help you further.

Don,

Here you go:http://www.smartdesignjm.com/

Hi Shawn,

Post that site's URL here so I can check and help you further.

Try this code:

Code: Select all

.gkLogo{
margin-top:15px!important;
}


Don, THANK YOU THANK YOU...IT WORKED.

Try this code:

Code: Select all

.gkLogo{
margin-top:15px!important;
}


No problem, Shawn.

Hey Don,

I have been trying to remove the highlighted words in the attachment. See live link of website where the working is located:http://www.atlantametrosda.org/index.php?option=com_multicalendar&view=multicalendar&Itemid=672

Also see attachment. Thanks

No problem, Shawn.

Hi Shawn,

I'm not sure if this will work but give it a try:

Code: Select all

.contentpane > div > div{
display: none;
}
.contentpane > div > div:first-child{
display: block!important;
}


Don,

Thank you so much..

Hi Shawn,

I'm not sure if this will work but give it a try:

Code: Select all

.contentpane > div > div{
display: none;
}
.contentpane > div > div:first-child{
display: block!important;
}


No problem. I'm glad to know it worked.

Don,

Can I use this code for this link:http://www.atlantametrosda.org/index.php?option=com_proforms&view=form&jid=1&Itemid=700 to remove the link in the bottom righthand corner.

No problem. I'm glad to know it worked.

No, Shawn. Actually you have added the code and you can see yourself that it doesn't affect the other page. It's not the same here, just add a suffix class for the page then I will give you the code to get rid of that line.

Don, just let me know what the code is.

No, Shawn. Actually you have added the code and you can see yourself that it doesn't affect the other page. It's not the same here, just add a suffix class for the page then I will give you the code to get rid of that line.

Please add a suffix class for that page first then I can write the code for you.

Don, I dont know how to do or where to go to add a suffix class. Please show me.

Please add a suffix class for that page first then I can write the code for you.

Hi Shawn,

Go to edit the template, you will see Suffix field under Features section.

Don,

Please see attachment, I found the location you are talking about however I need to know what to enter in each bow.

Hi Shawn,

Go to edit the template, you will see Suffix field under Features section.

You may enter these:

itemID: 700
Suffix: contact

Let me know once done.

Don,

I have added the info you suggested

You may enter these:

itemID: 700
Suffix: contact

Let me know once done.

Looks like it doesn't work. Send me an PM to provide with an admin account then I will check for you.

Hey Don,

I just sent it to you, thanks again for all you assistance.

Looks like it doesn't work. Send me an PM to provide with an admin account then I will check for you.

Thank you, Shawn. You forgot clicking the big Save button after adding the suffix, that's why it wasn't added. I did it for you.

Now add this code to get rid of the link:

Code: Select all

body.contact #gkMainbody > div:last-child > a{
display:none;
}


Don,

I am sorry ...lol Ok where do I add this code? I have added the code however its not working.

Thank you, Shawn. You forgot clicking the big Save button after adding the suffix, that's why it wasn't added. I did it for you.

Now add this code to get rid of the link:

Code: Select all

body.contact #gkMainbody > div:last-child > a{
display:none;
}


Change to this one then it will work:

Code: Select all

body.contact #gkMainbody > div:last-child > a{
display:none!important;
}


Don,

YOU ARE THE MAN.... It works. THANKS.

Change to this one then it will work:

Code: Select all

body.contact #gkMainbody > div:last-child > a{
display:none!important;
}


Don,

How would I remove the same writing from this link:http://www.excelcarebydivinee.com/index.php/contact-us

See attachment.

Change to this one then it will work:

Code: Select all

body.contact #gkMainbody > div:last-child > a{
display:none!important;
}


Do the same, Shawn, add a suffix and use that code.

Don,

Please see attachment, I cant find where to add a suffix in this template:http://joomla30.gavick.com/

I am using the 3.0 Template

Do the same, Shawn, add a suffix and use that code.