It’s working. Thank you so much. You have been a tremendous help. I have no further questions.

Perfect :-) If I want to do the same with the menu “Faciliteter”, auto adjust width and no line break, what do I have to do?

This is what it looks like when I use the code. I would like to prevent line break. What is the best way to do that?

My intention is to adjust the width of the submenu “program” without effecting the other submenus. I succesfully adjusted a submenu with this code but for some reason it does not work with the submenu “program”:

#top #header .avia_mega_div .sub-menu .aktuelt
{width:95px;
float: left;
}

• This reply was modified 2 years, 6 months ago by jensarnep.

I am have added these codes under general styling:

/* Margin og padding i footer. Vigtigt!*/
#footer {
padding-top: 10px;
margin: 0px;
}

#footer .widget {
padding-top: 10px;
margin: 0px;
}

/* Footer kontakt og “Det gode liv i Skibhus”*/
#footer .widget {
padding-top: 0px;
line-height: 8px;
font-size: 18px;
}

/* Footer menu */
.footer_color a {
font-size: 18px;
line-height: 14px;
}
/* Fjerner margin over widget title i footer. Vigtigt!*/
#footer .flex_column .widget .widgettitle {
margin-top: 0;
padding-top:0;
}

/* Font størrelse sidenavn */
.main-title a {
color: black !important;
font-size: 28px !important;
}

/* Fjerner kanten under header */
.main_color.container_wrap_first.container_wrap.fullsize {
border: none;
}

/* Justerer afstand fra sidens indhold til henholdsvis hovedmenu og footer*/
.content, .sidebar { padding-top: 5px; padding-bottom: 35px; }

/*Fjerner den stiplede linje i mega menuen*/
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top-color: transparent;
}

/*Fjerner de lodrette linjer i mega menuen*/
#header .avia_mega_div .units {
border-right-width: 0;
}

/*Fjerner footer-menu i socket*/
.sub_menu_socket {
display:none !important;
}

/*Fjerner kant på layer slider*/
.avia-layerslider {
box-shadow:none !important;
}
.avia-layerslider {
border-top-width: 0 !important;
}

/*Padding i udermenuen*/
.sub-menu li{
padding:2px 4px!important;
}

.sub-menu li a{
line-height:20px!important;
}

/*Bullets gøres hvide*/
.avia_mega_div .avia-bullet {
border-color: white;
}

/*Minimumshøjde for at undgå menuen bevæger sig*/
#top #wrap_all #main .main_color.container_wrap_first {
min-height: 55vh !important;
}

/*Skrifttypens farve i undermenu*/
#top #header .mega_menu_title a {
color: #ffffff !important;
}

#top #header .avia_mega_div .sub-menu .kontakt
{width: 20px;}

#top #header .avia_mega_div .sub-menu .foreningen-skibhuscentret
{width: 50px;}

#top #header .avia_mega_div .sub-menu .om-skibhuscentret
{width: 250px;}

#top #header .avia_mega_div .sub-menu .aktuelt
{width: 55px;}

#menu-item-399 .six.units {
width: 350px;
}

li#menu-item-163 {
float: right;
}

It does not change much. I have used the follwing code to keep the space between “aktuelt” and “kvartalsprogrammer” down.

#top #header .avia_mega_div .sub-menu .aktuelt
{width: 65px;}

Adding the code you suggest or removing the code above will have the same result. Space is increased between “aktuelt” and “kvartalsprogrammer”. I am trying to avoid that.

If I try to reduce the space for “kvartalsprogrammer” with the follwing code, it does not work:

#top #header .avia_mega_div .sub-menu .programmer
{width: 65px;}

Reducing the space to the right of “kvartalsprogrammer” is what I am trying to achieve.

Thanks. It got me some of the way, but when I try to set the width in the sub menu “Program” it does not work. I can set the width of “aktuelt” but when I try to reduce the width of “kvartalsprogrammer” the box is getting longer.