rshiery88

I resolved this on my own, thanks!

Resolved

I wasn’t able to find the initial cause, but I did discover that the Bulk Photo to Product uploader was hiding the Grouped products from the admin view.

Un-hidinig the grouped products in the admin side I was able to batch edit them and change them to hidden in the admin > products panel.

Thanks for your help, you pointed me in the right direction with your suggestions. ??

Have a great weekend!

Hello Jameskoster,

Thank for the fast reply! I am not sure how to do this, the WooThemes docs mentions changing a single products visibility in the “edit product” page.

This is hard for me to do because when I view my products in the WooCoomerce admin I can only see the Parent/Grouped products, which is strange because the All & Published counters at the top of the Products page show that I have(269) products, but I cant see them in the list below ??

Where can I globally hide all simple products?

Thank you!

Riley

It is working ??

Not sure what happened, I re-uploaded all my images and rebuilt the gallery, and now it works!

Thanks for your help.

Riley

Thank you for responding!

I am using the following extensions:

1. Bulk Photo to Product Importer
2. Jetpack
3. Regenerate Thumbnails
4. Search & Replace
5. Search & Filter
6. Search By Product Tag
7. Storefront Extension – Align Menu Right
8. WooCommerce
9. WooSidebars (Also not working correctly yet)
10. WordPress Importer
11. WP Gallery Custom Links

:S I know its a lot…

Oh, haha! Well that makes perfect sense! Sorry, I am a beginner, and since I just figured this out for myself I was over-eager to share. XD

Thanks for the compliments on the site! It has been a learning experience getting things to feel just right, and there is so much work yet for me to do…

I need to get it done soon though, being cooped up these last few weekends in front of the computer is driving me a little crazy ??

Best of luck with your project!

Riley

Unfortunately no ??

I switched to the 2015 theme and there was no change. Should I make a child theme to 2015 and try adding the above snipped to a functions.php?

Riley

Try this:

.site-header .site-branding {
     margin-bottom: 0 !important;
}

.main-navigation {
     padding-top: 0 !important;
}

Good luck!

Hey John,

I am not sure if this will work for you, but it worked wonders for me on my home page: https://rileyshiery.com

You will need to add this to the style.css of your child theme, but replace the XXX with the page id# for your home page.

.page-id-XXX .site-content .col-full {
	max-width: 100%;
	margin-left: auto;
    margin-right: auto;
}

Replace the XXX with your homepage’e page id#, This Page explains how to find your page id.

I hope that helps, good luck out there!

Riley

Duplicate post.

OK i have gotten much closer!

Making the navigation menu stick was fairly easy, I just added this to my child’s style.css:

/* this will make the navigation header stick to the top o fthe page */
.site-header {
	position: fixed !important;
	width: 100% !important;
}

Then I removed the page title and now I am pretty much where I wanted to be. Except that the search field is still screwy, note how the magnifying glass is not aligned properly?

This is the code in my style.css (child) that I am using to tighten up the header and the search field, I had to use trial and error to get things to align correctly on multiple screens, and I am sure this is not the most effiecent way to do it, i would love pointers on doing it more cleanly.

@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 17% !important; /* Use px values if you want, eg. 350px */ }

    /* SECONDARY NAVIGATION */
    .site-header .secondary-navigation { width: 40% !important;  /* Use px values if you want, eg. 350px */ }

    /* SEARCH BAR */
    .site-header .site-search { width: 15% !important;  /* Use px values if you want, eg. 350px */}

}

/*this is all to resize the navigatino menu */
.search-field   {
	float: left;
	display: inline;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 0px !important;
	margin-left: 1px;

}

.page-template-template-homepage .site-main {
	padding-top: 5px;
	padding-bottom: 5px;
}

.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.site-header {
	padding-top: 5px;
	padding-bottom: 5px;
}

.site-header-cart {
	width: 170px !important;
}

.cart-contents {
	padding-left: 10px !important;
	padding-right: 0px !important;
}

Thanks!

Is there a way for me to assign this to a specific page-template? Right now I am using:

.page-id-128 .site-content .col-full {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

But it would be nice if I didn’t need the .page-id in the actual css, if I could point it to .template-true-full-width (a template I created and put into my child theme) that would be awesome for the creation of future pages.

Thank you!

Jameskoster,

Thank you! This worked perfectly.

It appears that the order of the classes is used to specify what must be changed, and does not need to be listed in hierarchical order?

Thanks again!

Hey Susgepa,

You will need to create a child theme first, this is a must for making these sort of changes.

This page offers a pre-made child theme style.css and other tips for modifying this theme: https://www.pootlepress.com/2015/02/21-tips-tricks-and-css-tweaks-for-woothemes-storefront/

I made my menu this size by doing the following:

1. Installing JetPack and activagint the Custom Store Logo feature, then I uploaded a .png with transparent background in the Appearance > Customizer > Site Title, Tagline, Logo

2. Added this to my child theme’s style.css:

@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 20% !important; /* Use px values if you want, eg. 350px */ }

    /* SECONDARY NAVIGATION */
    .site-header .secondary-navigation { width: 40% !important;  /* Use px values if you want, eg. 350px */ }

    /* SEARCH BAR */
    .site-header .site-search { width: 15% !important;  /* Use px values if you want, eg. 350px */ }
}

3. Then I installed the free extension found here and activated it:
https://www.pootlepress.com/product-category/woothemes-storefont/

Then it was just a matter of tweaking the search bar and logo width in the code i shared above until things started to “line up”.