Joomla Templates Club 406,261 posts

[ahaduweb Friend ahaduwebJoin date: February 2015Posts: 40Downloads:95Uploads:8 Thanks: 2]

#794057

All Joomlart Support Team,
i thank you for your effort and dynamics spirit for better design and give support, i proud you.
i have a three problems for help

1. i want to minimize the space b/n he component section and module sections as sown on the picture here
   http://prntscr.com/9cge9t
2. on small devices or mobile the off-canava will be show me the both menus , how can i hide the one , to show the side bar only
   as shown here. http://prntscr.com/9cgjtz
3. the last one the css rule, i have created the custom.css file to modify ,i did a lot but i try a lot solve the op menu link when i hover on the sub menus (mega menus listed) it the color will be white so it seems disappear
   as shown here before http://prntscr.com/9cgen4
   and after http://prntscr.com/9cgsbv

any help appreciated
thanks in advance
abrham

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#803418

Hi @ahaduweb,

1. Please open file templates/ja_directory/local/css/themes/job-new-theme/template.css and look for this code :

   .t3-sl {
   padding-bottom: 52px;
   padding-top: 52px;
   }
   @media screen and (min-width: 768px) {
   .t3-sl {
   padding-bottom: 78px;
   padding-top: 78px;
   }
   }

   remove the block inside @media and adjust other block as you want, for example :

.t3-sl {
  padding-bottom: 40px;
  padding-top: 40px;
}

1. Please navigate to admin >>> Extensions >>> Template Manager >>> choose default template >>> switch to tab Navigation >>> disable Collapse navigation for small screens

2. You can use this code :

.t3-megamenu .navbar-nav > .open > a,
.t3-megamenu .navbar-nav > .open > a:hover,
.t3-megamenu .navbar-nav > .open > a:focus {
     color: red;
}

[Author]

Posts