Masthead in JA Landscape Not Working Properly

5shajbj18

Hello,
It took me a while to find where I have to change the masthead in the JA Landscaping site.
I went to the Site Template styles and found the page a page for each of the nav bars (except: employment and authorized dealer -- I don't know how to go about making them without messing up the pages that are already created).
From there I picked the page JA Landscape - About T&M
Went to the layout section and clicked the masthead and tried to upload the "landscape4.png" picture from the folder (aboutus). Then I clicked save BUT the picture is NOT showing up.
Is the Masthead module J4 compatible? The current template is in J 4.2.6.

I tried to switch over to the another page after I saved it and I am getting the following message:

Error 503. Service Unavailable
The server is temporarily unavailable. Please check back shortly. If this problem persists, please contact our Technical Support department.

I would appreciate any help you might be able to give me on this problem.
Thank you!

John

saguaros

Hi John,

I just tried to add the overlay background image for that masthead section in Layout Settings of template and the image is showing now.

Could you take a look?

max-santiago

Hi all!
I connect myself to this threat, about a new site with this template...
Ok about @saguaros, I have changed 'masthead' background image from 'masthead section' in Layout Section, but...
In Modules I don't see 'masthead module'... where I can setting title and setting where...?
Where is this 'shadow' modules?! (Or what is the way to setting this module?).
Thanks all!
Max

saguaros

Hi Max,

You mean that you don't see this Masthead in Layout settings of template? Kindly check the layout you're using as it may not include this masthead section, you can add it into the layout as you wish.

max-santiago

saguaros Thanks as usual for your reply!
Uhm in Template-style-options now I have set new 'section-row' in 'masthead' element-mode.
Then I have select an image, but at moment I don't see it in modules preview.
Also If I set background other image from editing menu to , does nothing...
I have understood that in this template 'masthead' it's not a modules, but a 'direct' template component, do you confirm this?
M.

saguaros

Hi Max,

You can share the URL + super admin account of your site and tell me the page you want to show the masthead image, I will check for you.

max-santiago

This message is visible to Moderators only

hidden content

saguaros

I can't log into your site, could you check?

max-santiago

saguaros some issues with 'cookies module', please reply thanks!
M.

saguaros

As I can see it's showing image on the page /attivita now

Could you share screenshot of how you want it should be?

max-santiago

Thanks @saguaros, i.e. in 'menu/attivita/scacchi I set 'background image' (please see screenshot) but into website I haven't this masthead image...

Thanks.
M.

saguaros

max-santiago It seems that this template supports the masthead position only, let me check with team and get back to you.

max-santiago

Thanks saguaros ok I'm waiting your response!
M.

saguaros

Hi Max,

There must be value added to the Page Heading option so the Masthead option can work, I just add some text and it's showing now:

max-santiago

Hi Saguaro, this issue remain for me (please see screenshot).

I had deleted background image in Template/style/landscape/layout-setting/section-masthead >> Row-options > Overlay > Image,
but also setting >menu>Page display and after I have added Page Heading and Image it is no fully visible (only few pixels).

cssyeah

Hi @max-santiago,

You need to configure the masthead section like the image below to be able to expand to full screen. I also added some custom styles to make the masthead more visible. You can refresh your website to view the change.

.t4-masthead-inner {
  background-repeat: no-repeat;
  background-size: cover;
}

.t4-masthead-detail {
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  padding: 60px 0;
  color: #fff;
}

Regards,

max-santiago

cssyeah thanks, now it run with mobile devices, but with desktop I see that view it's too thin...
Max

saguaros

Hi Max,

Kindly check this custom css code:

@media (min-width: 992px){
  .t4-masthead-inner {height: 300px;}
}

in the file: /templates/ja_landscape/local/css/custom.css and change to your desired value.

max-santiago

Thanks @saguaros, now it's ok!
Max