Space between / font size of main nav
Permalink Browser Info Environment
Hi!
I'm working on a site with quite a few pages - To avoid the nav to split into two rows, I'd like to be able to reduce the spacing of the main nav.
Could you please point me in the right direction here?
I'm working on a site with quite a few pages - To avoid the nav to split into two rows, I'd like to be able to reduce the spacing of the main nav.
Could you please point me in the right direction here?
| Type: | Discussion |
|---|---|
| Status: | In Progress |
find iGotstyle.css file, (packages/themes/fruitfull/css/)
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?
find iGotstyle.css file, (packages/themes/fruitfull/css/)
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?
find iGotstyle.css file, (packages/themes/fruitfull/css/)
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?
Hm...
Not sure it did all that much, I tried that already actually.
It's now changed to 5 px.
http://www.oslojordmor.no/ny
If nothing else, I need to expand the container size to acommodate these items.
Or change font size in addition to reducing the margins.
Not sure it did all that much, I tried that already actually.
It's now changed to 5 px.
http://www.oslojordmor.no/ny
If nothing else, I need to expand the container size to acommodate these items.
Or change font size in addition to reducing the margins.
Personally, I think you're getting too cramped. And increasing the width of the container only helps on larger screens.
You need to start introducing hierarchy and creating subpages. I see you already have some, but I'd break it down further. Personally, I would structure your page like this:
Hjem
Omm Os
-- Bedriftsavtale
-- Priser
Spesialiteter
-- Svangerskap
-- Kvinnehelse
Kurs
Shop
Timebestilling
You need to start introducing hierarchy and creating subpages. I see you already have some, but I'd break it down further. Personally, I would structure your page like this:
Hjem
Omm Os
-- Bedriftsavtale
-- Priser
Spesialiteter
-- Svangerskap
-- Kvinnehelse
Kurs
Shop
Timebestilling
Hehe, like your norwegian there.
But yeah, that's something I've considered.
Thanks for feedback
But yeah, that's something I've considered.
Thanks for feedback
google translate for the win!
there will be CSS
header#siteHeader nav ul li {
margin: 23px 15px 0;
}
you can make it 5px from 10px to accommodate 1 or 2 more menu.
Generally it will reduce the space between 2 menu items.
Can I have you website link please ?