Add button and text beside logo - Support | Kriesi.at

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

Author

Posts
March 23, 2017 at 7:10 pm #765672

bramblejam
Participant

Hi I would like to add a button and some text to the right of my logo in the header. Could you please explain how to do this. I would like something like the attached image.

Many thanks

March 23, 2017 at 8:34 pm #765721

John Torvik
Inactive Moderator

Hey bramblejam,

Please, the attached image is broken. May you check it?

Best regards,
John Torvik

March 23, 2017 at 8:48 pm #765730

bramblejam
Participant

hi John
here is the link to the image:-
http://www.speanlodge.co.uk/header.jpg
Cheers

March 24, 2017 at 3:43 am #765832

Nikko
Inactive Moderator

Hi,

I think what you want to achieve can be done by using widgets and following the instructions on this thread: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Best regards,
Nikko

March 24, 2017 at 11:28 am #766052

bramblejam
Participant

Hi
Thanks for your help.
It works OK on desktop but on a mobile the button is over the top of the logo, is there a way to make the button appear underneath the logo on mobiles?
Regards
Kenny

March 25, 2017 at 7:25 am #766535
Rikard
Keymaster
Hi,

There’s not a lot of space in the header on mobile widths, but you can try something like this:
```
@media only screen and (max-width: 767px) {
#header .widget {
    left: 42%;
    transform: translate(-0%);
    position: inherit;
    display: block;
}
}
```
Best regards,
Rikard
June 16, 2020 at 6:16 am #1222912

mela1989
Participant

Hello
is this link is still working http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/?

June 16, 2020 at 4:23 pm #1223101

Victoria
Inactive Moderator

Hi mela1989,

Yes, it is working.

Best regards,
Victoria
Author

Posts

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

You must be logged in to reply to this topic.