Docs

[dhirczy]

hi
i would like to adda link in the menu bar that shows the widgetbar on top? how can i do that?

thanks alot

[Nico]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[dhirczy]

Hello

There is a button on the corner on the right top (scrennshot in attachment). When clicking on it the widget bar slides in from above. What i want to do is to add a link in the main menu in the navbar where all the other links like home blog etc. are. When clicking on that link i want the widget bar to slide in too.

Thank you!

[Christopher]

Hi there,

Please add a custom CSS class to menu item, e.g my-class.

Please add following code in Customize -> Custom -> JavaScript :

jQuery(".my-class").click(function(){
jQuery(".x-widgetbar.collapse").addClass("in").css("height","auto");

});

Hope it helps.

[dhirczy]

hi

it somehow works. when clicking on the link the section is shown. but there is a problem: it is displayed at the top of the website and not on the actual position.

thank you

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[dhirczy]

i cant provide an url at the moment because its set up on my local computer and not on the web. i will post url when its live.

thank you

[Rahul]

Anytime.

We’re always ready to help our users.

Thanks!

[dhirczy]

Hi

The pages now online:

http://www.mz1.at/wordpress

The menu item is named Kontakt

Thank you!

[dhirczy]

The second issue is that i added Tab shortcode into the widget but its not displayed as it should. Somehow de CSS is not applied properly.

Thanks

[Rupok]

Hi there,

Thanks for writing back. Yes it should show on the top of the website and it’s pretty usual. We are just triggering this from a different place that doesn’t mean the position will be changed as well. So it’s normal.

Yes it’s not working as expected because there is already style defined for the list for the widgets and that’s interfering with Tabs CSS. You can try adding this CSS :

.widget .x-nav {
  list-style: outside none none;
  margin-bottom: 1.313em;
  margin-left: 0;
}

.widget .x-nav-tabs > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  float: left;
  list-style: outside none none;
  margin-bottom: 0;
  text-align: center;
}

.widget .x-nav-tabs > .active > a, .widget .x-nav-tabs > .active > a:hover {
  background-color: #fff;
  box-shadow: 0 3px 0 0 #ff2a13 inset;
  color: #272727;
  cursor: default;
}

Hope this helps.

[dhirczy]

hi!

Thanks for the CSS.

Looks better now but still not perfect. There is a space between the tab nav and the content itself. And the borders of the tabs dont look as supposed.

Could you have another look at it please?

Thanks alot

[dhirczy]

I figured it out myself. No need to look at it anymore.

Thanks alot 🙂 🙂

[Rupok]

You are welcome!

Glad that you sorted it out. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts