sirilass

All Fixed, Somehow the stylesheet for the theme had become corrupt and was missing a lot of it’s data. (??)

Anyway simply copied the data over from theme style.css from the australian site (as this website has been cloned) and it resolved the issue. Thank you

To fix this error

First I disabled all active plugins to check there was not a plugin conflict

Then

For all the files found to be out of date under Woocommerce -> System Status I updated these in the theme’s Woocommerce directory from the updated WooCommerce directory. They no longer show as out of date & it has fixed a fair few problems including the Internal Server 500 error.

However i’m more inclined to think that the WordPress update did this as I have backups & reverted to the original theme directory with not updated templates and the /collection page was still the same.

Unless deactivating and reactivating all plugins or doing this has somehow removed sidebars from the shop page or made it full width and messed with the image sizes. I am regenerating all the thumbnails now…

This is the style it should look like (Australian version of the site)
http://tinyurl.com/j7ojm79

The site will be live shortly and I can link you to it 🙂

Thanks, I’ve reposted this in Easing Slider plugin support. Regards

Yes, However, I have no choice but to host it locally at the moment sorry, I’m just hoping someone can understand what i’m trying to do, and recognize what i’m doing wrong with the code and maybe give me some suggestions for me to try and fix it..

My question is pretty general…

I have a menu bar, With a main background image and menu items.

I’d like to create a background image for each Menu item currently selected oversize from the container of just the text i.e. If I specify background-size: ##px ##px, It limits to the text container.

I want to do this independently of the text, I.e. Without moving the margins of other menu items etc..

However I think i’ve found a workaround for this, I just have to Adjust the container size of each individual menu item using the CSS Classes and padding, And then re-adjust the positioning. Then re-apply the background and it fits and doesn’t change relative menu items.

Thanks for replying anyway 🙂 I Appreciate it

It’s hosted locally on my computer, and not live… I can link any code from the site you require though.. if that helps. Thanks

I did it! woohoo.

At first I was able to move the whole menu to the right a bit, using the left CSS command under .main.nav li.

Then I played around with the menu a bit, assigned each Item CSS Classes, and for some reason it turned my ‘page-items’ into ‘menu-items’

So currently my HTML reads;

<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<a class="assistive-text" href="#content" title="Skip to content">Skip to content</a>
<div class="menu-menu-container">
<ul id="menu-menu" class="nav-menu">
<li id="menu-item-16" class="HOME menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-16">
<li id="menu-item-14" class="ABOUT menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
<li id="menu-item-13" class="RESEARCH menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
<li id="menu-item-12" class="COACHING menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
<li id="menu-item-11" class="RESOURCES menu-item menu-item-type-post_type menu-item-object-page menu-item-11">
<li id="menu-item-10" class="CONTACTUS menu-item menu-item-type-post_type menu-item-object-page menu-item-10">

And my CSS to modify the placings;

@media screen and (min-width: 950px) {
.main-navigation li.menu-item-16 {
   margin-left: 110px;
   }
.main-navigation li.menu-item-14 {
   margin-left: 15px;
   }
.main-navigation li.menu-item-13 {
   margin-left: 11px;
   }
.main-navigation li.menu-item-12 {
   margin-left: 186px;
   }
.main-navigation li.menu-item-11 {
   margin-left: 0px;
   }
.main-navigation li.menu-item-10 {
   margin-left: 0px;
   }
}

All displaying perfectly now

Thank you very much for your help 🙂