Maskhead to fit different size screens

Hello,

Its me again... I need to know what i have to do to make the maskhead fit the different size screens. Right now, my maskhead looks ok on my wide-screen monitor. But when i look at it with a smaller screen, the mask head is chopped off. How do it make it so it auto resizes?

Cheers,

Eugene

Hi

Please show me Your site.

Hi

Please show me Your site.

Hi teitbite,

The site is www.whimsnfancy.com

Have sent you the login details.

Cheers,

Eugene

Hi

This will not act with a responsive way. This image is a css background, so will not be resized propperly. If You want a real time responsive masshead You need to use an image instead.

Hi

This will not act with a responsive way. This image is a css background, so will not be resized propperly. If You want a real time responsive masshead You need to use an image instead.

Hi Teitbite,

Thank you so much for your reply. Can you please advise how this can be done? Also,
Is it possible to add a main menu bar below this image?

Best regards,

Eugene

Hi

You will need to create a new module position in /layout/blocks/nav.php just over the menu. Than You can simply publish a custom HTML module with this image. That's all. Images are already set to be responsive within template's styling.

Here is an instruction how to create a new module position: https://www.gavick.com/documentation/jo ... -position/

Hi

You will need to create a new module position in /layout/blocks/nav.php just over the menu. Than You can simply publish a custom HTML module with this image. That's all. Images are already set to be responsive within template's styling.

Here is an instruction how to create a new module position: https://www.gavick.com/documentation/jo ... -position/

Hi Teitbite,

I still can't seem to do it. I have edited the files to include the new module position and also edited the /layout/block/default.php file with

Code: Select all

<?php if($this->API->modules(‘imagetop’)) : ?>
      <section id="gkimagetop">
         <jdoc:include type=”modules” name=”imagetop” style=”<?php echo $this->module_styles['imagetop']; ?>” />
      </section>
      <?php endif; ?>

I don't have the file /layout/block/nav.php file. Please advise what I am doing wrong.

Thanks a million for your patience and help.


Cheers,

Eugene

ps. would it help if you had access to ftp?

Hi

Actually Your code looks ok and default.php file is good for it. I've must have checked wrong template this is why I've mentioned nav.php.

Anyway I do not see this new code on the site. Have You published a module with image in this position? Please send me an access to joomla panel. I see only an ftp access in PM.

Hi

When I edited /layout/default.php file I've noticed what was wrong. You have used a different encoding, so this code looked like an alien writing in this file

I've rewrited it and moved the code to the top of the site.

Also this part of code in override.css file helped to make it fit better:

Code: Select all

#gkimagetop { margin:0 -16px; }
#gkimagetop p { margin:0; }
#gkimagetop img { display:block; }


Hi

When I edited /layout/default.php file I've noticed what was wrong. You have used a different encoding, so this code looked like an alien writing in this file

I've rewrited it and moved the code to the top of the site.

Also this part of code in override.css file helped to make it fit better:

Code: Select all

#gkimagetop { margin:0 -16px; }
#gkimagetop p { margin:0; }
#gkimagetop img { display:block; }


Hello,

Thanks so much for the correction, I really don't know what happen but now there are 2 maskheads!!!!

Hi

No 2 maskheads You have only one, the one we have just created. The second one is just a background under the pageTop element so it cannot be asked a maskhead because it's not acting as such . Anyway I can see You have get rid of it somehow.