Large header/logo area - Support | Kriesi.at

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
June 5, 2017 at 4:54 pm #804043

navindesigns
Participant

Is it possible to create a large header/logo area like this mockup?

View post on imgur.com

June 5, 2017 at 5:03 pm #804049

Jordan Shannon
Inactive Moderator

Hey navindesigns,

Yes this is possible with a combination of our Avia Layout Builder and a little css.

Best regards,
Jordan Shannon

June 5, 2017 at 5:03 pm #804050

navindesigns
Participant

Thanks

Is there a tutorial or link I can follow?

June 5, 2017 at 8:20 pm #804120

Jordan Shannon
Inactive Moderator

Hi,

You can follow our theme doc for further info on working with the layout builder, and if you run into a css issue we can help you here. http://kriesi.at/documentation/enfold/

Best regards,
Jordan Shannon

June 11, 2017 at 5:13 am #806449

navindesigns
Participant

This is what I have so far.

Can you assist?

Homepage

I made the logo 1310 x 315 px

Can you provide the CSS that will make it look like my mockup?

Thanks

June 12, 2017 at 3:28 pm #806914
Jordan Shannon
Inactive Moderator
Hi,

Add the following to quick css:
```
div#header_main .container {
width: 100%!important;
margin: 0!important;
}

img, a img {
max-width:960px!important;
}
```
Best regards,
Jordan Shannon
June 12, 2017 at 6:10 pm #807000

navindesigns
Participant

I did but it broke some elements on the site

Homepage

June 12, 2017 at 8:52 pm #807063

Jordan Shannon
Inactive Moderator

Hi,

Which elements were broken?

Best regards,
Jordan Shannon

June 12, 2017 at 10:08 pm #807110

navindesigns
Participant

The slider, the 4 sections below
it should look like this mockup

View post on imgur.com

June 12, 2017 at 10:33 pm #807128
Jordan Shannon
Inactive Moderator
Hi,

Please update the last css to the following:
```
div#header_main .container {
width: 100%!important;
margin: 0!important;
}

.logo a img {
max-width:960px!important;
}
```
Best regards,
Jordan Shannon
June 12, 2017 at 10:34 pm #807129

Jordan Shannon
Inactive Moderator

Hi,

I logged in and adjusted it. Please test.

Best regards,
Jordan Shannon

June 12, 2017 at 10:36 pm #807132

navindesigns
Participant

LOOKS GREAT!

why is there so much space below the header and menu now? Is it because I set the header to be 300 px tall?

Please advise

June 12, 2017 at 10:47 pm #807134

Jordan Shannon
Inactive Moderator

Hi,

Because of the height of the logo image. The menu is adjusting to the physical height of the image. Perhaps you can crop the top and bottom of it.

Best regards,
Jordan Shannon
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.