move cart and usericon after searchbar

[nickosn]

Hi

I want to move the user and cart icon after the searbar in  the same row but can't find a way to do it.

First when trying to access the position menu in BO I get an 500 error. I edited the header.tpl file instead moving   {hook h='displayNav2'} under   {hook h='displayTop'}  but then I can't find a way to style it to show all in one row.

Can anybody help?

Thanks

[Ewonta]

Hello, please attach screenshots and try to describe the problem in more detail.

[nickosn]

Hi, Thanks for anwsering.

In the first image (original) is how it looks now. Second image (wanted) is how I need it to be

Thanks again

[Ewonta]

You need to disconnect two modules from the displayNav2 hook in the admin panel at Design > Positions (screenshot)

And attach them to the displayTop hook

Distribute by position and make a flex block so that all the elements line up (screenshot)

themes/yuor_theme/templates/_partials/header.tpl

 <div class="header-top-right col-md-10 col-sm-12 position-static" style="display: flex;justify-content: space-between;">
     {hook h='displayTop'}
 </div>

I recommend doing this in child_classic so that all your changes are saved when updating

Styles can be rendered in custom.css

[nickosn]

Thank you very much!.  A problem that I am having is that when I try to access the position from the backoffice I get an error 500. Is there an other way I can do this ?

[Ewonta]

To see what caused error 500, turn on debugging mode at Advanced Parameters > Performance (screenshot)

And send a screenshot of the error.

[nickosn]

here are the screenshots hope they help

[Ewonta]

You sent something wrong, don't open the debugger.

Just send the error you see to understand.

[nickosn]

With the debug option on and clicking on positions I just get this:

 

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator to inform of the time the error occurred and of anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

[Ewonta]

Can you send me a screenshot?

[nickosn]

Here it is

[Ewonta]

This is a server error, please contact support hosting to find out and help with this error.

[nickosn]

trying to contact them a few days ago with no luck so far "contact the software developer" we only support wordpress was the response

Meanwhile I edited the header.tpl 

removed {hook h='displayNav2'} from its original place and added this 

       <div class="header-top-right col-md-10 col-sm-12 position-static" style="display: flex;justify-content: space-between;">
          {hook h='displayTop'}  {hook h='displayNav2'}
      </div>

Almost there. 

If I could only find a way to manage the spaces between them

[nickosn]

almost there.

Need to find a way to make the searchbar cover the blank space

[Ewonta]

@media only screen and (min-width: 992px) {
  #search_widget {
  	min-width: 17.5rem;
  }
}

custom.css