Demo import not possible

Hey Lene,

Thanks for the login details. Which demo are you looking to import?

Best regards,
Rikard

Hi,
1: You can change the logo and menu style without a child theme, go to Enfold Theme Options ▸ Header ▸ Header Layout ▸ Menu and Logo Position and choose Logo left, Menu below

2: You can add a child theme without losing your current layout, please see our documentation Step 4: Import parent theme options

Best regards,
Mike

Hi,
When the child theme is active the setting Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme doesn’t ask for a file to upload, it automatically gets the file from the parent theme.
I added a child theme for you and imported the parent theme, please review the documentation so you can apply this to your live site.
The Logo left and menu centered on the same line is not and option, but I adding this css to achieve it:

@media only screen and (min-width: 990px) { 
#top .main_menu {
    display: flex;
    justify-content: center;
    width: 100%;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Yes, you should include the child theme when you copy the files and database from the staging site to the live site.
To move the menu text in line with the bottom of the logo, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 990px) { 
#top .main_menu .menu li a {
padding-top: 50px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
As I understand your mockup your header needs to be 188px, the logo needs to be 102px centered in the header, but that gives you 43px above & below the logo, but your mockup says it’s 20px?
Nonetheless, I changed the header height at Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Custom Height to 188px, then I added this css to make the logo 102px and center it.

@media only screen and (min-width: 990px) { 
#top .logo a {
	display: flex;
    align-items: center;
}
#top .logo img {
	height: 102px;
}
}

You can adjust to suit by reducing the header or change the logo height so the space is down to 20px.
As for the space between the menu items to add 50px I added this css:

@media only screen and (min-width: 990px) { 
#avia-menu.av-main-nav > li > a {
    padding: 0 38px;
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Do you mean the H2 lirum larum lirum…?
I added this css to your Quick CSS:

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none;
}

Your H2 links like Om os, do you want it underlined on hover or always?

Best regards,
Mike