Modifying top-menu-nav block

More
4 years 2 months ago - 4 years 2 months ago #8485 by arterc
arterc created the topic: Modifying top-menu-nav block
So, the question is - how can I move the menu down and put another module on its current place? Basically I want an image where the menu currently is and menu itself below that image. And yes I did modify the logo size via inserting
#jm-logo-sitedesc {min-height: 276px;}
in a custom.less file.
Last Edit: 4 years 2 months ago by arterc.

Please Log in or Create an account to join the conversation.

More
4 years 2 months ago #8487 by marcin
marcin replied the topic: Modifying top-menu-nav block
Hello,

1) Go to Extensions -> Module Manager
2) Create a custom HTML module and place your image
3) Publish the module on the "top-menu-nav" module position.
4) The module should be displayed in the same position where the menu is located, but you may need to to change the modules order in backend, so your image will appear above the menu. That's it.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
4 years 2 months ago #8494 by arterc
arterc replied the topic: Modifying top-menu-nav block
Thanks for the solution, it worked perfectly. Also, is there are way to count the exact amount of available pixels for that image, so it wont break the layout?
Template width: 1170px
Gutter size: 30px

There also will be a small gutter between menu and the image.

Please Log in or Create an account to join the conversation.

More
4 years 2 months ago #8498 by marcin
marcin replied the topic: Modifying top-menu-nav block
Hello,

The "top-menu-nav" position has about 870px of width.
The image should adjust to the module width even if it is wider.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
4 years 2 months ago - 4 years 2 months ago #8511 by arterc
arterc replied the topic: Modifying top-menu-nav block
Okay... So, thanks for a help, that helped me a lot. But I still have some questions left.

1.How can I assign a LESS file to a newly created module?
Or wait, there is a modules.less file. But still, can I modify the look of the module via it?

2.How can I add a background image w/o it appearing on gutters?
#jm-allpage {
  background-image: url()
}

That how I tried to do it, and it kinda messed up the layout. So I want the image not to appear between blocks.
Last Edit: 4 years 2 months ago by arterc.

Please Log in or Create an account to join the conversation.

More
4 years 2 months ago #8512 by marcin
marcin replied the topic: Modifying top-menu-nav block
Hello,

1) It is not possible to assign a less file to a module.
You can assign a new less file for the template, but I suggest you to place your custom styles into the custom.less file. It will be much easier to update the template in the future.

2) The gutters are transparent and the background image will be visible on them. No simple solution comes to my mind.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.303 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.