Docs

[Rue Nel]

Hello There,

Thanks for updating in! It is good to know that the issue has been resolve. And to make the right sidebar, middle part and the the menu of the same height, please do the following:
1] Please add this custom css:

.site > .x-container {
    margin: 0 auto;
}

body .x-sidebar.right {
    margin-top: -40px;
}

2] And then please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

jQuery(document).ready(function($) {
  var max = 0;
  $('.site > .x-container > *[class*="x-"]').each(function(index, el) {
    if( $(this).height() > max ){
      max = $(this).height();
    }
  });
  $('.site > .x-container > *[class*="x-"]').css('height', max);
  $('.site > .x-container > .x-sidebar').css('height', (max + 120) );
});

Please let us know if this works out for you.

[GeorgDick]

Thank you for your suggestion. But it does not work.
There is again the problem with saving the customizing. As yesterday. THe old one is still there. The new one is not saved.

In this context I have the question if the haeder pictures could be aligned without any margin.
PLs. see the screenshot.
Thank you for your help. I will try to get saved the new code you have send me.

[GeorgDick]

Hello,
I have suucessfully saved your proposed coding. left and right have now the same height. But not the middle part.
Is this also possible. And also position the picture on the pages higher so that it starts at the top.
Thank you for all your support.
Georg

[GeorgDick]

The upload picture again.

[Rad]

Hi there,

Would you mind providing the issue with the middle part as well? It seems okay in my view.

And about the image top spacing, please edit the section where your image is then set its top padding to zero. Then add this CSS as well,

.page .entry-wrap {
padding-top :0px !important;
}

Hope this helps.

[GeorgDick]

Hello,
it seems to work. But there is something strange. The WP Globus Widget in the right sidebar is no longer visible in the right sidebar. Pls. see the screenshot.
Thank you.
Georg

[GeorgDick]

The flags from WP Globus are now available in the right sidebar.
Nothing to to. I just added this widget in addition to another area.
Regards. Georg

[Joao]

Hi There,

Based on your last comment I am not sure if you still need help,

Please let us know,

Joao

[GeorgDick]

Hello Joao,
sorry but the WP-Globus widget is no longer visible in the right sidebar. For this I need help.
Thank you.
Georg

[Paul R]

Hi Georg,

It’s because of this code.

body .x-sidebar.right {
    margin-top: -40px;
}

Kindly remove it in your custom > edit global css

Hope that helps.

[GeorgDick]

Hello,
it works.
Kind regards.
Georg

[Joao]

Glad to hear it,

Joao

[GeorgDick]

Dear Joao,
I still have a question. I have added a top bar via customizer with the coding:

<p style=”background-color:#ffe495;color:#ffe495;margin-left:0px;”>Das ist ein Test
</p>

This created me a top bar in the same color as the left superflyer and the right sidebar.

I have added a picture to illustrate my question:
How is the css in order tohave no white gaps to the left sidebar and no white gap to the top of the right sidebar?
Thank you for your support.
Georg

[Joao]

Hi there,

Please add the following code to Appereance > customizer > custom > CSS

.x-topbar {
background-color: #ffe495;
}

Hope that helps

Joao

[GeorgDick]

Hi Joao,
it works. The first question I have is: Is it possible that the right corner of the top bar engs with the right corner of the right sidebar( see attachment).
The second question: Is it possible to fix the top bar while scrolling down?
Thank you for your support.
Georg

[Author]

Posts