Docs

[Lance B]

Here are the issues, probably easy for you but I’m stumped:

Sidebar Widgets:

It seems that the sidebar widgets on our blog, cart or checkout pages sometimes shows up and sometimes don’t:

https://www.advancedbiology.com/lab/

And it never seems to show widgets on an actual post page:

https://www.advancedbiology.com/its-still-summer-somewhere/

—

Footer Widgets:

You helped me customize the footer a bit. Love the way it is on a laptop or desktop in the 4 columns. Love the centered stacked layout on a phone. It’s the ipad and smaller pad sizes between those sizes. The code you had given me doesn’t seem to work there, it breaks it into one skinny column against the left. Can we possibly make it three across and one centered below, or at least stack the 4 widget areas 2 on top and 2 on bottom at those screen sizes?

While you’re down there – what is it we are doing wrong with the css that we can’t get the signup box in the 3rd widget top margin larger so it will line up with the “about us” and “facebook” lines in the first and second widgets?

—

Quantity Selector:

I think something might be wrong with the quantity selector styling in the theme. Take a look at the bottom of this page where you can place an order:

https://www.advancedbiology.com/powerful-workout/

The quantity selector area – if you hover over it the up/down arrow selector appears – shouldn’t it be visible all the time? And why is it so tiny – it looks crazy small.

[Lance B]

This reply has been marked as private.

[Christopher]

In regards with sidebar, you need to assign sidebar to posts under Appearance -> Sidebar.
Please update both x and cornerstone, activate parent theme and check if it solves the issue.

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:979px) and (min-width:767px){
.x-column.x-md {
    float: left;
    width: 48%;
    margin-right: 2%;
}

}

form#mc4wp-form-1 {
    margin-top: 27px !important;
}

In regards with quantity field, regretfully what you’re trying to achieve isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope it helps.

[Lance B]

I selected the blog page “the lab” and the individual post in the sidebar area but no widgets are displaying on either the blog index page or the individual post. Do I have to go in and add the sidebar every time I create a post, shouldn’t it do that with the child page display selection?

Also, no widgets are appearing in the cart or checkout pages and I have a sidebar assigned to those.

The theme and cornerstone are up to date already, and I’m using my child theme as usual.

I added the CSS in the customize area and it didn’t seem to do anything?

[Rad]

Hi there,

Yes, you’ll have to assign them one by one, but you can try this custom sidebar here https://community.theme.co/forums/topic/sidebars-not-assigning-to-taxonomies/page/2/?replyto=1163391#post-1197891

Then you’ll have to assign a sidebar to a category and it will be assigned to all posts under it.

About the widget, please provide your FTP login credentials. It might be related to some error or cache.

Thanks!

[Lance B]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates! Please keep in mind that some of the WooCommerce widgets will only appear on the product archives. A woocommerce cart widget will not appear on the cart page or checkout page because it’s configured to not show on the cart and checkout page. Of course, it will only just be a redundant information displayed on the page. Please do check out the documentation for more details: https://docs.woocommerce.com/document/woocommerce-widgets/

If you want to display it on that page, please check out this link: http://wordpress.stackexchange.com/a/104972

Hope this helps.

[Lance B]

Why aren’t widgets displaying on my blog page? Widgets are always displayed on blog pages and blog post pages – why are they not on this theme in this situation? That’s kind of critical, I need to resolve that ASAP – just normal search, categories, recent posts widgets, etc.

Thank you for pointing me in the right direction on the cart widget, I will handle that. It is redundant, but you will notice that most retailers do that.

Finally, what’s gone wrong with the cool bottom widget areas you had set up for me to stack and change with screen sizes – why are they turning into a single ugly left-justified column?

Thank you for the help!

[Rad]

Hi there,

It’s not related to the theme. Let’s take the blog page as a sample.

1. Check Admin > Appearance > Sidebars and there is no assigned sidebar for blog. Wiich means, it will display the Main Sidebar

2. Hence, let’s check Admin > Appearance > Widgets > Main Sidebar. There are widgets, but those widgets has Visibility setting with the condition that they will be displayed on category pages only. You can hit the visibility button to confirm it.

Hence making the Main Sidebar for Blog page empty.

Thanks!

[Lance B]

Thank you!

You gave me the css above to move something down and it’s not working:

form#mc4wp-form-1 {
margin-top: 27px !important;
}

The final thing is the issue with the widgets at the very bottom not laying out in columns correctly in pad sized screens. I a much earlier thread months ago you gave css instructions but those no longer work – here is the questions/info from above, can you give me some details on this:

You helped me customize the footer a bit. Love the way it is on a laptop or desktop in the 4 columns. Love the centered stacked layout on a phone. It’s the ipad and smaller pad sizes between those sizes. The code you had given me doesn’t seem to work there, it breaks it into one skinny column against the left. Can we possibly make it three across and one centered below, or at least stack the 4 widget areas 2 on top and 2 on bottom at those screen sizes?

[Christopher]

Hi there,

The code is working fine, please see the attachment.

Please update this code :

@media (max-width: 979px) and (min-width: 767px){
.x-column.x-md {
    float: left;
    width: 48%;
    margin-right: 2%;
}
}

To :

@media (max-width: 979px) and (min-width: 480px){
.x-column.x-md {
    float: left;
    width: 31%;
    margin-right: 2%;
}
.x-column.x-md.x-1-4.last {
    width: 100%;
    text-align: center;
}
.x-colophon.top .x-column .widget:first-child {
    margin-top: 0;
}
}

Hope it helps.

[Author]

Posts