hero layout

webstudio190

I placed a video slider in new module position and deleted hero "module position"

unfortunately I have 2 problems

I can't manage the color of the attached menu items

and the off canvas menu in the mobile does not display the items but only an icon !!

thanks for your support

saguaros

webstudio190 Hello

Could you share the super admin credentials of your site so I can check the text color in main menu?

Regarding off-canvas menu, please make sure that you assign a menu module to the off-canvas position.

Regards

webstudio190

thanks for your reply
since I made other changes I have 2 questions left, the mobile menu and a background space of hero position..

regarding the first menu point I created a mobile menu (copy) and it is indicated in the off-canvans position but the other header menu (mainnav) in which position should I place it?

tomorrow I'll show you the second point better and if necessary I can easily send you the admin credential

wrote me at webstudio19(@)yxhxo.it for credential please..

webstudio190

about the menu i solved

at this poit a want to describe the other css modified

based on the graphic needs you see on the homepage, I should eliminate the background of the hero module

I thus modified the file

template/ja-stark/scss/_typo.scss on line 420

from
t4-hero {
background: #000;
padding-top: 20rem;
padding-bottom: 20rem;

to
t4-hero {
background: #000;
padding-top: 0rem;
padding-bottom: 0rem;

the file on the server is modified but nothing changes on the screen

yet the Firefox page analysis tool tells me that the change solves my graphics problem!!

i send you padding top example screenshot

can you give me support?

saguaros

webstudio190 I thus modified the file

template/ja-stark/scss/_typo.scss on line 420

You should add your custom css code into this file:

root/templates/ja_stark/css/custom.css - create this file if it doesn't exist now

webstudio190

hi
thanks very much

i upload a new css file
but dont work about my description !!

------------------------------------------------------------------------
- Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
- @license - Copyrighted Commercial Software
- Author: J.O.O.M Solutions Co., Ltd
- Websites: http://www.joomlart.com - http://www.joomlancers.com
- This file may not be redistributed in whole or significant part.
- ------------------------------------------------------------------------
  */
  t4-hero {
  background: #000;
  padding-top: 0rem;
  padding-bottom: 0rem;
  }
  --------------------------------------------------------------------------------------------------------------------

saguaros

webstudio190 The code seems not to be correct.

Please change with this:

.t4-hero{
background: #000;
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}

webstudio190

ok i solved !! thanksss

I still have the problem of changing the theme color!!
can I also solve it using custom css??

on my 14.css file i have this code

.t4-palette-primary {
color: #2d435a;
}

but my color header on screen is orange !!

saguaros

webstudio190 Hi

With palette, you can change in Theme settings in template 🙂

webstudio190

thanks i tested it renew...

saguaros

webstudio190 Everything ok now?