Organizing the sidebar

how can I order the list on this sidebar. they actually are orderd but finnaly the list comes up different.

Hi There,

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.

Thank you.

Hi there
this is the URL:

https://new.pibella.com/ueber-pibella/haendler-parnter/
you get acces with the key: aVerlaPagina

I also would like to know, how to exclude this particulare side on mobiles.

thanks alot, ben

Hi there,

Since you’re using a widget area, you can just re-order the menu items via Appearance > Menus to re-order your sidebar menu list. For your other query you can use page IDs to hide your sidebar menu in mobile devices. For example:

@media screen and (max-width: 979px) {
    .page-id-1132 .x-column.x-1-3 {
        display: none;
    }
}

To find page / post IDs please see https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59

Hope this helps!

hey thanks alot, did help.
the sidebar has gone with you script, but not the main side:
https://new.pibella.com/ueber-pibella/haendler-parnter/
is still showing on the moblie

apriciate your help
regards, ben

Hey Ben,

I checked your page and couldn’t find any other sidebar on that page.

Can you please provide some screenshots of a sidebar you’re referring to?

Thanks!

on big screens: http://bluehuus.ch/desktop.png
the sidebar is hidden on mobiles alright, and now I need to hide the side you see on mobiles too.
regards, ben

Hello Ben,

I am al little confused:
the sidebar is hidden on mobiles alright, and now I need to hide the side you see on mobiles too.
Which side you want to hide? Could you please give further clarifications?

Thanks.

Hi
it the side you mentioned above:
https://new.pibella.com/ueber-pibella/haendler-parnter/

it is a subnavigation “Händerl & Partner” from “über Pibella”, this should not appear on mobiles, on all languages.

regards, ben

Hey Ben,

Please add the following code in your Customizer as well:

@media screen and (max-width: 979px) {
    .menu-item-1155 {
        display: none !important;
    }
}

Hope this helps!

cool, thanks alot!!!
best regards, ben

Glad we could help.

Cheers!

May I ask you another thing?

Stack Icon

for post I’m using Visula Composer “Post Grid” -> https://new.pibella.com/pibella-blog/
when I klick into a post, the Image is far to big -> https://new.pibella.com/reisen-in-indien-ohne-pibella-unmoeglich/
I coul’nd find the right css to scale them down.

AND:

I would like to see the main Navigation on top allways, so when I scroll down, teh horizontal navigation disapears.

thanks anf best regards

Hello There,

Thanks for updating in!

1.) To make sure that your feature image will not be blown up, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.single-post .entry-thumb {
    text-align: center;
}

.single-post .entry-thumb img {
    min-width: 0;
}

2.) To have a fixed navbar, please go to the customizer, Appearance > Customize > Header > Navbar Position and set it to “Fixed Top”.

Hope this helps. Please let us know how it goes.

perfect, thanks

how about layouting the post like this:

instead oft: https://new.pibella.com/reisen-in-indien-ohne-pibella-unmoeglich/

Hi again,

Please add the following code in our Customizer as well:

@media screen and (min-width: 768px) {
    .single-post .entry-featured {
        float: left;
        margin-right: 2%;
        width: 50%;
    }
}

Hope this helps!

thanks, great!

You are welcome!