Joomla Templates Club 406,261 posts

[methawee Friend methaweeJoin date: April 2013Posts: 36Downloads:11Uploads:22 Thanks: 6]

#188805

Hi All,

How do to change the picture for each header menu example skateboards I need to put skateboards picture there, for wheels I need to put wheels picture there, for about us I need to put about our picture there. and for contact us I need to put contact us or map picture in there. please see the picture attach too.

so How to do please give me help.
Thank you in advance,
Meth

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#498502

So we can see the configuration that you are personally using within your site, can you provide the url for the site you’re working on? It will also be helpful if you can set your site to “Development Mode” within your Template Manager

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#498516

That belongs to JA Masshead module, you can try with my following suggestion:

+ Go Admin site -> Module Manager -> JA Masshead module -> change Configuration Conditions -> and add background as my suggestion with each Masshead Item

[Masshead Itemid="496" title="Explore" background="images/stories/virtuemart/category/decks.jpg"]View all featured of the template.[/Masshead]

+ Open modules/mod_jamasshead/tmpl/default.php file
from

<div class="jamasshead<?php echo $params->get('moduleclass_sfx','')?>">
<h3 class="jamasshead-title"><?php echo $masshead['title']; ?></h3>
<div class="jamasshead-description"><?php echo $masshead['description']; ?></div>
</div>

change to

<div class="jamasshead" <?php if(isset($masshead['params']['background'])): ?> style="background-image: url(<?php echo $masshead['params']['background'] ?>)" <?php endif; ?>>
<h3 class="jamasshead-title"><?php echo $masshead['title']; ?></h3>
<div class="jamasshead-description"><?php echo $masshead['description']; ?></div>
</div>

+ Open templates/ja_hawkstore/css/template.css file

from

.t3-masshead {
margin: -20px -40px 20px;
background: url("../images/masshead-bg.jpg") no-repeat left top;
height: 160px;
}

change to

.t3-masshead {
margin: -20px -40px 20px;
height: 160px;
}
.t3-masshead .jamasshead {
height: 160px;
}

1 user says Thank You to Ninja Lead for this useful post

1. tsopanidis

[Patry Friend PatryJoin date: July 2013Posts: 1Downloads:0Uploads:0]

#505968

Hi, I have the same problem with masshead.

Now, with the changes suggested it works fine with desktop view, but in tablet it doesn’t display or resize background image. How can I solve the problem definitively?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#506063

If possible you can send me URL of your site. I shall check it for you.

[Author]

Posts