Search Results for 'sidebar'

[Peter]

Peter

#181639

Cancel this request! I just found the Navigation Menu widget and made it appear in a sidebar!! Sorry to have jumped the gun.

Suspect I’ll be asking you soon how to alter the appearance of the menu, but for now all is OK.

Walter

[Peter]

Peter

#181634

I’m being a bit radical and am reading the Virtue Premium documentation.

Enthused by *Login to see link and other pages, I want to replicate the sidebar with its vertical menus. At least, it looks like a sidebar with vertical menus. Is it?

Can this be done in Virtue Premium? If yes, I can’t find adequately detailed instructions anywhere.

In Forum postings I see mentions of a widget in the sidebar, but I can’t find an appropriate-looking widget (although Hannah directed someone else to Ubermenu), nor a way actually to get one into the sidebar.

All help most welcome.

Thanks
Walter

[Peter]

Peter

#181634

I’m being a bit radical and am reading the Virtue Premium documentation.

Enthused by *Login to see link and other pages, I want to replicate the sidebar with its vertical menus. At least, it looks like a sidebar with vertical menus. Is it?

Can this be done in Virtue Premium? If yes, I can’t find adequately detailed instructions anywhere.

In Forum postings I see mentions of a widget in the sidebar, but I can’t find an appropriate-looking widget (although Hannah directed someone else to Ubermenu), nor a way actually to get one into the sidebar.

All help most welcome.

Thanks
Walter

[Ben Ritner]

Ben Ritner

#181628

I think you have to have a language slug in the url for the search results to be translatable.

/en/shop/

instead of ?lang=en

But you can test with turning off the sidebar emulator in your settings > pagebuilder.

Ben

[Anna]

Anna

#181208

hi, yesterday i updated the theme and later i saw that the website loads like a mess on my samsung galaxy s8, the logo does not show, the sidebar content does not show the feathered images

[Anna]

Anna

#181208

hi, yesterday i updated the theme and later i saw that the website loads like a mess on my samsung galaxy s8, the logo does not show, the sidebar content does not show the feathered images

[Hannah]

Hannah

#181198

Hey Jon,
You would have to hack a bit. Try out this css and let me know how it works for you:

@media (min-width: 992px){
    #content {
        position: relative;
    }
    #content:before {
        position: absolute;
        content: '';
        width: 30.5%;
        height: auto;
        top: -20px;
        bottom: -30px;
        right: 15px;
        background: #f2f2f2;
        display: block;
        clear: none;
        z-index: 0;
    }
    aside#ktsidebar {
        padding: 0 40px;
    }
    .main.col-md-12 {z-index: 1;}

    .main.col-md-12:after {
        content: '';
        background: white;
        width: 100%;
        position: absolute;
        left: 0;
        top: -20px;
        bottom: -30px;
        height: auto;
        display: block;
        clear: none;
        z-index: -1;
    }
}
@media (min-width: 1200px){
    #content:before {
        width: 22.5%;
    }
}

Hannah

[DATL]

DATL

#181197

Hello,

I figure I already know the answer to this (as it’s very frustrating and goddamit why do clients keep wanting this as 100% fill-height in CSS is a pain.) but is it possible to stretch the sidebar to the footer on any page, regardless of height.

Example of this can be found at *Login to see link where the sidebars are just filled with content, not to footer.

I’ve been fiddling around with various solutions but can’t come up with a result that I’m happy with. Any suggestions?

Thanks
Jon

[DATL]

DATL

#181197

Hello,

I figure I already know the answer to this (as it’s very frustrating and goddamit why do clients keep wanting this as 100% fill-height in CSS is a pain.) but is it possible to stretch the sidebar to the footer on any page, regardless of height.

Example of this can be found at *Login to see link where the sidebars are just filled with content, not to footer.

I’ve been fiddling around with various solutions but can’t come up with a result that I’m happy with. Any suggestions?

Thanks
Jon

[DATL]

DATL

#181194

Thanks Ben!

That solution worked a treat, especially once I realised I had to add your function after mine. Just mentioning so no-one else is confused later as to why it isn’t working.

Also to note to anyone reading, that due to the solution being outside of the row setup, trying to normally adjust column widths to be say col-3, col-6, col-3 won’t work as it’s OUTSIDE the col-12. i.e. [sidebar-left][row (main) (sidebar-right)]. This also means that if you try to adjust the CSS width percentages to be say 33% 33% 33% it won’t work either as the [row] is it’s own 100% or following on from the above example [100% [sidebar-left:20%][row:80% (main:66%)(sidebar-right:33%)]

BTW Solution is [sidebar-left:25%][row:75% (main:66.6%) (sidebar-right:33.3%)]. MATH! It works!

You can see the finished result here: http://www.jigsaw.org.au/about-us/

[phil2]

phil2

#181168

Hi Ben,
Same screen, but on the DEV site.

The client has requested the sidebar is put back in and we go to a display showing 3 panels across instead of 4 wide. I have modified the page but of course this has thrown out the CSS that you provided above.

Now when the screen is below 776px wide, we get some distorted displays.

Could you possibly modify the code above to reflect the new page content?
Very many thanks,
Phil.

[info815]

info815

#181066

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#181010

Hey,
1. hmm kinda it’s not a sidebar but you can kindof force this with css like this:

@media (min-width: 992px){
    .kad-vertical-menu,.kad-fixed-vertical-background-area {
        position: absolute !important;
        bottom: 0;
        top: 0;
        height: auto;
    }

    body.kad-header-position-left #wrapper {
        padding-left: 0 !important;
        position: relative;
        max-width: 1200px !important;
        margin: 0 auto;
    }
    #inner-wrap, #containerfooter {
        padding-left: 240px;
    }
}

2. No it’s not a “click” to open dropdown. You could force it to be within the header area and not next to it but it won’t work by click unless you rewrite all the javascript.

For css example to keep within the header area see :

.kad-relative-vertical-content .nav-main .sf-vertical ul {
    position: static;
    margin-left: 0;
}

Ben

[jreiniger]

jreiniger

#180972

Hi,
I have two questions: First I was wondering when choosing the left header option with vertical menu, can I make the site look more like here:
*Login to see link where there is equal space to the left of the header and to the right of the content? So that the header actually looks more like a sidebar?
And the second question: When using a dropdown menu with the vertical menu, is it possible to have it look like here: *Login to see link (you can see it when you click on “About Us” for example).

jreiniger

[jreiniger]

jreiniger

#180972

Hi,
I have two questions: First I was wondering when choosing the left header option with vertical menu, can I make the site look more like here:
*Login to see link where there is equal space to the left of the header and to the right of the content? So that the header actually looks more like a sidebar?
And the second question: When using a dropdown menu with the vertical menu, is it possible to have it look like here: *Login to see link (you can see it when you click on “About Us” for example).

jreiniger

[info815]

info815

#180956

Hi,

I’m having only one problem on my blog just finishing off settings (I love this theme by the way).
I set up right URL address of each “Virtue Social Link widget” on sidebar then every thing else are perfectly working except facebook link.
It goes back to the blog page. it’s really weird.
Can you please check what’s wrong and what should I do with that? or have I missed something simple setting somewhere?
I have checked possible cases but no chance.

I have Yoast SEO plugin installed and as well as JetPack too.

my website blog is *Login to see link

Kind regards,

Yori

[info815]

info815

#180956

Hi,

I’m having only one problem on my blog just finishing off settings (I love this theme by the way).
I set up right URL address of each “Virtue Social Link widget” on sidebar then every thing else are perfectly working except facebook link.
It goes back to the blog page. it’s really weird.
Can you please check what’s wrong and what should I do with that? or have I missed something simple setting somewhere?
I have checked possible cases but no chance.

I have Yoast SEO plugin installed and as well as JetPack too.

my website blog is *Login to see link

Kind regards,

Yori

[phil2]

phil2

#180936

Hi,
Will breadcrumbs always use the category name for a post, or is there a way to force it to replace the category with a page, for a particular category?

Example:

URL:
domain/projects/project1

crumb-trail:
domain >> project_category >> project1

The problem occurs when the user clicks on the crumb-trail on “project_category” since this isn’t a recognised page and I haven’t prepared it, allocated a sidebar etc etc.
Thanks,
Phil.

[phil2]

phil2

#180936

Hi,
Will breadcrumbs always use the category name for a post, or is there a way to force it to replace the category with a page, for a particular category?

Example:

URL:
domain/projects/project1

crumb-trail:
domain >> project_category >> project1

The problem occurs when the user clicks on the crumb-trail on “project_category” since this isn’t a recognised page and I haven’t prepared it, allocated a sidebar etc etc.
Thanks,
Phil.

[Ben Ritner]

Ben Ritner

#180817

You can’t use the recent posts widget for that. You would need to use a blog posts shortcode. Recent posts widget only pulls in the title, date and small image. It’s a sidebar widget.

something like his:

[blog_posts orderby=date items=4 type="normal"]

Ben

[Kevin]

Kevin

#180683

Simply change it to this:

.kt-header-position-above #logo a {
flex-direction: column;
}
body.sensei.single #content, .post-type-archive-sensei_message #content, .single-sensei_message #content {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
body.sensei.single #ktsidebar, .single-sensei_message #ktsidebar{
display:none;
}
@media (min-width: 767px){
body.sensei.single #content, .post-type-archive-sensei_message #content, .single-sensei_message #content {
width: 90%;
max-width: 900px;
}
#main article p {
margin: 0 0 24px;
    }
}
.mobile-headerclass .kt-icon-bag:before {
color: white;
}
.mobile-headerclass button.mobile-navigation-toggle .kt-mnt span {
background: white;
}

-Kevin

[Max]

Max

#180681

Hi Kevin,

Forgive my ignorance here, and thank you for the clarification. I’m a little lost, so here is what I have all together. Please let me know exactly how to change it, and I’ll see if I can learn the proper syntax from your correction:

.kt-header-position-above #logo a {
flex-direction: column;
}
body.sensei.single #content, .post-type-archive-sensei_message #content, .single-sensei_message #content {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
body.sensei.single #ktsidebar, .single-sensei_message #ktsidebar{
display:none;
}

@media (min-width: 767px){
body.sensei.single #content, .post-type-archive-sensei_message #content, .single-sensei_message #content {
width: 90%;
max-width: 900px;
}
#main article p {
margin: 0 0 24px;
}
.mobile-headerclass .kt-icon-bag:before {
color: white;
}
.mobile-headerclass button.mobile-navigation-toggle .kt-mnt span {
background: white;
}
}

[Max]

Max

#180514

Hi Ben,

Thank you again for all your help and support. I appreciate it very much…

1. Thanks!

2. I now see what you’re saying about the main blog page. I was looking elsewhere for that sidebar setting, but I see it now that you pointed me to it. But for the blog category pages, I was not able to find a specific sidebar setting in the edit panels for that “page/post”. I did workaround the issue by using the default sidebar though. http://dev.intuitionretreat.com/category/intuition-research/

[Ben Ritner]

Ben Ritner

#180510

Hey,
1. I had to add .single-sensei_message #content

2. A blog page is a page, not an archive so it inherits from pages, not from archive settings.
You can certainly select a sidebar for a specific page. If you edit the page look on the right side and you will see sidebar settings. There you can choose which sidebar to show on a page. It defaults to “default” which is the default for pages since it’s a page.

Ben

[Max]

Max

#180475

I addressed 2.above by setting the widgets on the Primary sidebar.

1. above still unresolved.

[Charanvir Singh]

Charanvir Singh

#180462

Hi,
There is an answer in your question. I myself put that code,I am not a coding expert but tried by changing “padding px” from 2 to 9 — it worked.
——–

aside#ktsidebar {
background: #ddbd8b;
padding: 9px;
border: 1px solid #ddd;
-moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
box-shadow: 0 0 4px rgba(0,0,0,.4);
}
}

——-
Thanks
Charanvir Singh