How to use the empty space top right corner in the header

Hi,

You may need to adjust the values of the CSS a bit to get it looking right, I couldn’t see a header widget on your site though so I assume you remove it? We need to be able to inspect the element in question in order to give you working CSS, could you add it again please?

Best regards,
Rikard

Hi,

I still can’t see a widget in the header unfortunately, please send us admin login details in private so that we can have a closer look.

Best regards,
Rikard

Hi,

Thanks for the details though the default login URLs are returning 404 errors, what URL do you use to log in?

Best regards,
Rikard

Hi,

Ah ok, thanks. I added a text widget to your header and some CSS to Quick CSS. Could you add your content to it and we can style it to your liking after that?

Best regards,
Rikard

Hi,

Please try updating your Quick CSS with this:

#header .widget {
    left: auto;
    right: 0;
    padding-top: 30px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
}

@media only screen and (max-width: 767px) {
  #header .widget {
    display:none;
  }
  .responsive #top .logo {
    height: 50px !important;
  }
}

It will hide your header widget on mobile since it’s too big to fit, I saw that you have added it in the content as well so users will be able to find the info anyway.

Best regards,
Rikard