Joomla Templates Club 406,261 posts

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#973337

Hello Everyone,

how can I reduce the height of the bar where the search box is inherited. I would like to have it 40px high. And how can I Put my logo into this bar?

And how can I reduce the height of the main menu?

Tnx for your kind help in advance

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#973631

Hi
Logo is already in the topbar , kindly check demo site .
For reduce height add below code in custom.css file

.t3-header {
    height: 40px;
}

.t3-mainnav {
    top: 40px; }

To reduce height you have to reduce the padding of menu items
add below code in custom.css

@media (min-width: 1200px) {
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}}

Save and check this may affect te style of menu items .

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#973750

Hi I put in the the code into custom.css with following result:

http://prntscr.com/cq3jg7

the height of the main menu did not change.

Regarding the menu, how can I change the background color or make it transparent?

Tnx a lot for your kind help,
best regards,

Alp

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#973916

Hi To reduce height off-canvas use this code

.off-canvas-toggle {    height: 40px; }
.t3-mainnav {
    min-height: 60px!important;
}

.t3-mainnav {
    background-color: transparent!important;
}

[Author]

Posts