PDA

View Full Version : Reduce Navbar's Length


Milobil
01-17-2016, 12:46 PM
Hi,

i would like to know if there is any way to modify the length of my navbar, which is like this :

http://img11.hostingpics.net/pics/83148046sq.png

I would like to reduce it so that my logo can entirely get displayed.

Thanks for your help

Dragonsys
01-17-2016, 01:31 PM
Stylevar -> navbar_margin

Milobil
01-17-2016, 01:43 PM
I have this and unfortunately it doesn't change anything :

http://img11.hostingpics.net/pics/58152274sq.png

Dave
01-17-2016, 01:45 PM
I believe you have to add some custom CSS for that to CSS > additional.css.


.navtabs{
width: 750px;
}

Modify 750 to whatever width you need.

Milobil
01-17-2016, 01:55 PM
Well thanks for your answer,

I have tried with the same code you gave me (replacing navtabs with navbar) but the problem is that the width is reduced (and thus removed) from the right, whereas i would like to reduce it from the left (because my logo is on the left), if anyone can help me please.

http://img11.hostingpics.net/pics/58612940sq.png

Dragonsys
01-17-2016, 11:43 PM
I have this and unfortunately it doesn't change anything :

Yes it does. Change the Left margin, this will move the Navbar to the right, unless your style doesn't use the StyleVars properly. If so, then you need to set left margin in the css code Dave posted above.

Milobil
01-18-2016, 03:19 PM
@Dragonsys

Thanks for answer, could you tell me what's the code to implement, because I don't really know how to change the margin.

Thanks

Dragonsys
01-18-2016, 03:47 PM
@Dragonsys

Thanks for answer, could you tell me what's the code to implement, because I don't really know how to change the margin.

Thanks

.navtabs{
width: 750px;
margin-left: 80px;
}

Milobil
01-19-2016, 04:04 PM
.navtabs{
width: 750px;
margin-left: 80px;
}


Thanks mate (i had to use navbar instead of navtabs).