How To Set Up FTP & Remove The Primary Menu Of Artificer Theme?

September 13, 2013 | katrinah
Share on FacebookShare on TwitterSubscribe


Hi Everyone. This video is an update to my previous video, “Create A Responsive E-Commerce Website 2013 (“Artificer” WooThemes WordPress Theme: FREE)”. In this video I used Artificer version 1.3.1.

Since the release of my complete tutorial video on the Artificer theme, WooThemes has come out with an update to the theme, version 1.3.4. Setting up the menu in the new updated theme is a bit different, and I’ve received a lot of questions asking how to remove the primary menu with this new theme.

So … in this video update I’ll show you exactly what you need to do, step-by-step, to remove the primary menu of Artificer 1.3.4.

First, we’ll create a child theme, then we’ll change the code to remove the primary menu bar.

In this video, learn how to create a child theme for your WordPress website and safely modify theme functions, structure, and style. With a child theme you can have confidence that your theme changes will not be overwritten when developers release a new version of your theme.

In this video I show step-by-step how to create a child theme, as well as how to remove the primary menu navigation bar in the Artificer e-commerce WordPress website theme 1.3.4.

Please subscribe to my YouTube channel for more updates.

Thanks for watching!

UPDATE: For reference, here is the code used for the child theme:

/*
Theme Name: Artificer-Maperla
Theme URI: https://www.woothemes.com/
Version: 1.3.1
Description: Designed by WooThemes.
Author: WooThemes
Author URI: https://www.woothemes.com
Tags: woothemes
Template: artificer

Copyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html

*/

@import url('../artificer/style.css');
/*
body
{
color: red;
background-color: blue;
}

@media only screen and (min-width: 768px) {
    padding: 0;
  }

#header hgroup {
    margin-bottom: 0.218em;
}

.quantity {
    float: none;
}

*/

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#header {
    padding: 0.2em 0px 0em;
}

#body {
    background-image: none;
    background-color: #ffffff;
};

#navigation {
    margin-bottom: 0.618em;
}

.quantity {
    float: none;
}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */


@media only screen and (min-width: 768px) {
	/* Desktop styles go here */


.container .clear { clear: none;}
.woocommerce #sidebar{display:none; width:0}
.woocommerce #content{width:100%}
.woocommerce #main {width:100%;}

#navigation ul.nav li.parent a::after {display:none;}
#navigation ul.nav {font-family: Arial;
font-weight: bold;}

#header a.cart-button, #header a.checkout {color: #000;}


/*.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    font-size: 1.3em;  adjust as necessary 

.metaslider .nivo-caption {
display: none !important;
}*/
}

/* Contacts Form */
/*#two-column{
	width: 550px;
}
#two-column #left{
	width: 300px;
	float: left;
}
#two-column #right{
	width: 250px;
	float: right;
}*/