Second logo in header on the right - Support | Kriesi.at

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

Author

Posts
September 30, 2015 at 11:00 am #511317

jhop75
Participant

Hey,

we have on our homepage http://marketinganalytics.de/ our logo on the left in the header.

We would like to have a second Logo on the right side, next to the loupe. This is the url of the second Logo: http://marketinganalytics.de/wp-content/uploads/2013/04/tableau-partner-logo.png

With klick on the second logo users should be linked to following page: http://marketinganalytics.de/tableau/

It would be great if you could help me with this!

Thanks in advance!

September 30, 2015 at 2:21 pm #511492

Yigit
Keymaster

Hi jhop75!

Please refer to this thread – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header

Cheers!
Yigit

October 1, 2015 at 10:21 am #512050

jhop75
Participant

Hi Yigit,

thank you!

Now, I have added the widget are and it is perfectly positioned on my screen. But if I open the browser window in a smaller screen, on my laptop for example, it is gone, because I think the header is in responsive design without the new widget I have added. (http://marketinganalytics.de/)

Could you help me with this?

Thanks in advance!

October 1, 2015 at 11:57 pm #512482

Josue
Inactive Moderator

Hey!

Can you post a screenshot/mockup of how it should look on mobile?

Best regards,
Josue

October 5, 2015 at 10:55 am #513596

jhop75
Participant

Hey!

Thank you for the answer.

In my case, it is not about the mobile version, I would like to have the “Tableau” Logo on the right. It should be seen completely on every screen size. If the screen is too small the logo can’t be seen or only half size. It should adapt depending on the screen size, but I don’t know how to add this in the CSS.

Thank you.

October 5, 2015 at 12:11 pm #513664
Josue
Inactive Moderator
Hi!

Ok, try adding this to the Quick CSS:
```
@media only screen and (max-width: 767px) {
    #header .widget {
        position: relative;
        right: 0;
        transform: none;
        padding: 0;
    }
}
```
Best regards,
Josue
October 19, 2015 at 10:30 am #520798

jhop75
Participant

Hi,

I have added the widget like they explained it here: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

This works now, but I would like to link the picture to a page (this page: http://marketinganalytics.de/tableau/).

Could you help me with this too?

Thanks in advance!

October 19, 2015 at 10:58 am #520809
Josue
Inactive Moderator
Hey!

Wrap the img tag with an a (in the widget content), like:
```
<a href="link"><img></a>
```
Best regards,
Josue
Author

Posts

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

You must be logged in to reply to this topic.