Joomla Templates Club 406,261 posts

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#1088896

Hello,
I have set the background image in masthead module to be fixed like in Ja Company Template.

background-attachment: fixed;

and I’ve made changes in css file "mod_jamasthead/asset/css"
background-size: contain Not cover to let the whole image width to be fully seen, and position to be (position: top center !important) to avoid the blank space appear on the top of background-image.

  background-size: contain;
  background-position: top center !important;

My issue is, if i open the website from my mobile (minimize), the background-image is pushed away ! same happens if I clicked on my keyboard F12 button to show the firebug, I can not see the background-image.

Could you please fix it?
Thanks in advance.
regards.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1089082

Hi,

Try to use background-size: cover;

and see how it goes.

Regards

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#1089191

hello,
I have tried all possible positions and even I search online to solve this issue from my side.
I posted here because i failed to solve it and need you to have a look on this issue.

Could you please solve it?
Regards.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1089293

Hi,

I checked this page but still not see the suggestion above.

I just helped you to put this custom CSS:

.ja-masthead {
    background-size: cover !important;
}

into the file: /templates/ja_lawfirm/css/custom.css

and it seems to be fine now, kindly check.

Regards

[Author]

Posts