Search Results for 'sidebar'

[Tracey-Renee]

Tracey-Renee

#128066

Hi,

I am having issues with the sidebar overlapping with a slider I added to the top of my blog page. (Here is the page: *Login to see link ) Is there any way to fix this? I tried adjusting the padding under the slider widget, but there was no change.Thanks for your help.

[Tracey-Renee]

Tracey-Renee

#128066

Hi,

I am having issues with the sidebar overlapping with a slider I added to the top of my blog page. (Here is the page: *Login to see link ) Is there any way to fix this? I tried adjusting the padding under the slider widget, but there was no change.Thanks for your help.

[T]

T

#128053

I have a few pages on my website. One has the main content like this…

<div id=”main” class=”col-md-12″ role=”main”>
stuff
</div>

A few others have this…

<div class=”main col-lg-9 col-md-8″ id=”ktmain” role=”main”>
stuff
</div>

Neither should have sidebars but it seems like the ones with col-lg-9 col-md-8 are trying to force a sidebar even though there’s no content there. What causes one page to have col-md-12 and the others to have col-lg-9 col-md-8? The issue may also have to do with the second example having “ktmain” but I’m not sure what causes that id to be assigned.

col-md-12
*Login to see link

col-lg-9 col-md-8
*Login to see link
*Login to see link

Any idea what would be causing this? Thanks a lot!

[T]

T

#128053

I have a few pages on my website. One has the main content like this…

<div id=”main” class=”col-md-12″ role=”main”>
stuff
</div>

A few others have this…

<div class=”main col-lg-9 col-md-8″ id=”ktmain” role=”main”>
stuff
</div>

Neither should have sidebars but it seems like the ones with col-lg-9 col-md-8 are trying to force a sidebar even though there’s no content there. What causes one page to have col-md-12 and the others to have col-lg-9 col-md-8? The issue may also have to do with the second example having “ktmain” but I’m not sure what causes that id to be assigned.

col-md-12
*Login to see link

col-lg-9 col-md-8
*Login to see link
*Login to see link

Any idea what would be causing this? Thanks a lot!

[Steve]

Steve

#127667

Hi Hannah

Yes that’s correct. It’s all a bit of a challenge to make the page elements appear in the right places but I will get there. It’s easy enough with Pagebuilder but I think that Sidebars are preferable.

However, the likely outcome will be that pages with a right sidebar really do use a sidebar and have content that drops below the main content (standard behavior). On pages where I want the “sidebar” content to appear above the main content I’ll use pagebuilder and create a “pseudo-sidebar” on the left which will sit above the content just fine.

I do have another question though, but having learnt the rules I shall start another topic 🙂

Kind regards
Steve

[Hannah]

Hannah

#127647

Hey Steve,
Glad you found a workaround. Again, there isn’t a built in option to make the sidebar sit above the content in mobile. You would need to code this into a child theme.
We are always happy to help so don’t feel bad about asking:)

Hannah

[Hannah]

Hannah

#127633

Change your css from this:

.sidebar .widget-inner li {
    background: #333;
    padding: 5px;
}
.sidebar .widget-inner li:hover, .sidebar .widget-inner li:active {
    background: #999;
}
.sidebar .widget_nav_menu .widget-inner li {
    padding: 0;
}
.sidebar .widget_nav_menu .widget-inner li > a {
    padding: 15px;
    display: block;
}

to this:

.sidebar #categories-2 .widget-inner li {
 background: #333;
    padding: 5px;
}
.sidebar #categories-2 .widget-inner li:hover, .sidebar .widget-inner li:active {
    background: #999;
}
.sidebar #categories-2 .widget_nav_menu .widget-inner li {
    padding: 0;
}
.sidebar #categories-2 .widget_nav_menu .widget-inner li > a {
    padding: 15px;
    display: block;
}

Hope that works for you!

Hannah

[Erik]

Erik

#127618

Perfect. Thanks. The last thing I need help with is targeting and styling specific sidebar sections. I would like to apply the css styling to the custom menu only. As it stands, the styling effects all the links in the sidebar. For example: Recent Posts and More Stories on this page. I would like to style these sections individually.

[Steve]

Steve

#127604

Hi Hannah

Sorry about not starting a new thread. I have a mindset that say’s “someone already asked this so use that thread”. I won’t do that again.

Yes I added the block display, to make my menu items reach the edges of the sidebar and display like I wanted, and removing it certainly fixes that display problem I highlighted. I shall find a different way. (I’d actually made everything work just fine with pagebuilder but I wanted the convenience of sidebars).

The problem of left sidebar content appearing below the main content still remains though. I think if we ignore menu issues for now my question is really “How can I move the sidebar left and main content right, and then have the sidebar content appear above the main content when we drop below 992px?”

As you’ll have worked out I just want my sidebar menu at the top of the content on smaller screens.

Huge thanks!
Steve

[Hannah]

Hannah

#127593

Hi Steve,
In the future please start a new thread and do not post in resolved topics. Thank you:)
Are you referring to the sidebar going below the content for smaller screens? This is the design. There isn’t a built in option to make the sidebar sit above the content in mobile.
As for the menu, I’m seeing this in your css:

.widget_nav_menu a {
    display: block;
}

Are you adding that? Removing it should fix your issue.

Hope that’s helpful!
Hannah

[Ben Ritner]

Ben Ritner

#127588

add this:

.sidebar .widget_nav_menu .widget-inner li {
    padding: 0;
}

.sidebar .widget_nav_menu .widget-inner li > a {
    padding: 15px;
    display: block;
}

Ben

[Hannah]

Hannah

#127565

Hey Erik,
Try adding this to your custom css box in Theme Options >

.sidebar .widget-inner li {
    background: #333;
    padding: 5px;
}
.sidebar .widget-inner li:hover, .sidebar .widget-inner li:active {
    background: #999;
}

Hope that helps!

Hannah

[Steve]

Steve

#127560

Hello Hannah/Kevin/Ben

I’m picking up on someone else’s thread again.

The sidebar switch option works fine, but when utilised to move the sidebar to the left, the sidebar content sits below the main content. Can you offer a suggestion to make it sit above instead? (Maybe there should be a sidebar above/below option to accompany left/right?)

I’ve tried the previous solution of this:

body .main {
float:right;
}

It works of course but that makes bad things happen to the sidebar menu (which I want to sit above the main content, hence the question):

http://www.tauntongolf.co.uk.gridhosted.co.uk/members-home/club-development-committee/

Please note how when dropped below 992px the menu covers the content. (Which might be my fault but I’d still prefer a fix based on the content switch option offered under “main” settings).

Thank You!

[Erik]

Erik

#127557

How do I style the custom menu in the sidebar? I would like the menu to look something like this: Menu

Website

[Erik]

Erik

#127557

How do I style the custom menu in the sidebar? I would like the menu to look something like this: Menu

Website

[Robert]

Robert

#127536

Thank you Hannah,

Unfortunately the page is behind a VPN. I am with the University of Maine System. We apparently licensed your themes. 😉 I also purchased this license.

Here is what I am trying to do… http://www.liberty.edu/ notice the negative margin on the sidebar there. With the top widget over the slider. I was able to do this by with… aside#ktsidebar {margin-top: -200px;z-index: 99;} …but that hits every page.

I have some limitations because my WEB IT folks turn so much off that I can only use the custom CSS in the Theme options… oh wait! DUH!!!

Target the page. Right! I just put the style that page. Presto! No to document so no one changes. 😉

Thanks for answering my question.

BJ (Boby Jr.)

[Hannah]

Hannah

#127533

Hey Robert,
So what you would do is target the page that the custom sidebar is on. If you post a link and explain what styles you would like I’d be happy to help.

Hannah

[Robert]

Robert

#127531

I’d like to target a custom sidebar and with custom styles. Is this possible? I looked for the id’s for the custom sidebars with no luck.

Thank you!

[Robert]

Robert

#127531

I’d like to target a custom sidebar and with custom styles. Is this possible? I looked for the id’s for the custom sidebars with no luck.

Thank you!

[Doris]

Doris

#127512

Thank you Hannah.
Is it possible to get the same line spacing between each link like a regular sidebar menu?
And to also reduce the space between the column and the main text to the right?

[Hannah]

Hannah

#127511

Hey Doris,
Your best bet to accomplish this is to use page builder and create a long side column.
This will remove the bullets from both your sidebar menus:

ul#menu-classes {
    list-style: none;
}
ul#menu-admissions {
    list-style: none !important;
}

Just paste that into your custom css box in Theme Options > Advanced Settings.
Hope that helps!

Hannah

[Doris]

Doris

#127503

Ideally, I would like to be able to have a regular sidebar for the first part the page and full width for the remainder of the page. Is this possible?

If not, I will use a column and add custom menus. Is it possible to remove the bullets from the custom menu on this page? *Login to see link ?

[Doris]

Doris

#127503

Ideally, I would like to be able to have a regular sidebar for the first part the page and full width for the remainder of the page. Is this possible?

If not, I will use a column and add custom menus. Is it possible to remove the bullets from the custom menu on this page? *Login to see link ?

[An]

An

#127477

Hi Team,

I would like to show a widget which displays 5-10 posts most viewed at the primary sidebar. Could you guide me to do this?

Thanks.

An Nguyen

[An]

An

#127477

Hi Team,

I would like to show a widget which displays 5-10 posts most viewed at the primary sidebar. Could you guide me to do this?

Thanks.

An Nguyen

[Ben Ritner]

Ben Ritner

#127424

No, sidebars are not main content and forcing mobile users to have to scroll past a sidebar on every page to access the main content is not mobile friendly at all. If you want to add more specific navigation options above the content I suggest you add that to your mobile menu.

Ben