Widget and menu alignment

Hi,

2 issues:

  1. I created a header widget which I used to create 2 buttons that appear above the header. But now my menu appears in the center of the page. How can I move the menu to where it was prior?

  2. The header widget buttons appear on top of each other. I would like to have them next to each other instead so they are side by side.

Ideally, I would like to have the 2 buttons and the menu on the same line or row so to speak.

Hello there,

Thank you for getting in touch. Could you please post your URL here so we can have a look?

Warmest regards,
Kharis

certainly, the url is: http://www.bluepenciledits.co

it’s currently in maintenance mode so in order to see the site, please login with
(bluepenciledits.co/wp-admin)

Hello there,

In order to achieve that objective, could you please try to add the following CSS code through the Simple Custom CSS plugin?

.header-wrap .row{
  position: relative;
}

.header-wrap #extra-widget{
  width: 214px;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}

.header-wrap #extra-widget > div{
  display: inline-block;
  float: left;
  margin-left: 10px;
  margin-top: -10px;
}

.header-wrap #extra-widget > div:first-child{
  margin-left: 0;
} 

@media only screen and (min-width: 1025px){
  #mainnav{
    margin-right: 224px;
  }
}

If it does the job, please remove the support1 login credentials immediately.

Warmest regards,
Kharis

Perfect, thank you!

Hello there,

Nice!

I’m glad to have an opportunity to assist you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Warmest regards,
Kharis