Problem on mobile for section-dark position - JF Salina - Joomla Templates

Welcome, Guest

TOPIC: Problem on mobile for "section-dark" position

Problem on mobile for "section-dark" position 02 May 2016 22:07 #8746

Hi,

there's a problem when you visit with a mobilephone a website with jf-salina template installed, and modules in "section-dark" position.
Infact, not all the mobile browsers support the "transparency" applied by the declaration:

rgba(255,255,255, 0.6);

I checked the "tamplate.css" file, and the problem is with these classes: ".opaqued-bg" and ".dark-bg .parallax" (row 262).

 
 
section.section {
	border-bottom: 30px solid;
}
 
.silver-bg {
	background-color: #f2f3f5;
}
 
.opaqued-bg {
    background-color: rgba(255,255,255, 0.6);
}
 
.dark-bg {
	background-color: #2b2b2b;
}
 
.dark-bg.parallax {
    background-color: rgba(0, 0, 0, 0.8);
}

I need a fallback solution.

How can I fix it?

Thank you

Last Edit: 02 May 2016 22:10 by me.

Reply Quote

Posts:75
me
Senior Boarder
OFFLINE
Karma: 0

Re: Problem on mobile for "section-dark" position 04 May 2016 21:32 #8763

Any suggestion?

Reply Quote

Posts:75
me
Senior Boarder
OFFLINE
Karma: 0

Re: Problem on mobile for "section-dark" position 06 May 2016 03:41 #8776

You can create transparent image then apply css property background for these elements.

joomfreak

Reply Quote

The following user(s) said Thank You: me

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: Problem on mobile for "section-dark" position 08 May 2016 20:54 #8783

In my own case this solution don't work.
I have tried to apply a repeated transparent png level, using this properties:

 
.dark-bg.parallax {
     background: transparent url("../images/trasp.png") repeat scroll 0 0;
}

But this solution don't work in mobile browser, the image was displayed without transparent.

I solved modifying the jpg file, applying the trasparency inside the jpg using GIMP.
I know, this solution it's really rude, but it works

IMPORTANT: don't use image with a size that exceeded 3000 (w) x 2000 (h) px, and 700kb of weight, otherwise the loading process and resizing process goes too slowly.

Thank you

Last Edit: 11 May 2016 23:38 by me.

Reply Quote