OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
Iphone (IOS) and Background image (0 viewing) 

Joomla Real Estate

Go to bottom Favoured: 0

Iphone (IOS) and Background image

Rvicente (User)
Senior Boarder
Posts: 62
graphgraph
User Offline Click here to see the profile of this user
Iphone (IOS) and Background image 3 Months ago
Karma: 0  
Can anyone answer why on the iPhone smartphone the background image does not appear below the search module (on Android it appears without problems)
(in the demo site ordasoft.com/demo.php?view=pc&t=Royal%20Estate (the problem with iphone system is the same)
Logged Logged
Last Edit: 2024/09/14 18:07 By Rvicente.
The administrator has disabled public write access.
Rvicente (User)
Senior Boarder
Posts: 62
graphgraph
User Offline Click here to see the profile of this user
Re:Iphone (IOS) and Background image 3 Months ago
Karma: 0  
on the iPhone it looks like this
The image is there but is too big (what can I do?)

in: templates/royal_estate/ccs/style.css

can I put any code?



.moduletable.main-search::before {
content: "";
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
background: url(../../../images/mainBg.jpg);
z-index: 1;
background-attachment: fixed;
background-position: bottom;
background-size: cover;
}
Logged Logged
Last Edit: 2024/09/14 19:17 By Rvicente.
The administrator has disabled public write access.
Rvicente (User)
Senior Boarder
Posts: 62
graphgraph
User Offline Click here to see the profile of this user
Re:Iphone (IOS) and Background image 3 Months ago
Karma: 0  
the solution code is: (??)

background: url('../../../images/mainBg.jpg' center top no-repeat scroll;
background-size: auto 100vh;

I think no... not works well
Logged Logged
Last Edit: 2024/09/15 12:42 By Rvicente.
The administrator has disabled public write access.
admin (Admin)
Admin
Posts: 8367
graph
User Offline Click here to see the profile of this user
Re:Iphone (IOS) and Background image 3 Months ago
Karma: 102  
Hello

Please add to end of your CSS file
in: templates/royal_estate/ccs/style.css

add below code:

Code:

@supports (-webkit-touch-callout: none) { 
  .moduletable.main-search::before { 
      background: url(../../../images/mainBg.jpg);
    background-attachment: fixed;
    }     
  }
  .moduletable.main-search::before {
    background-repeat: no-repeat;
  }



Regards
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
Go to top
»