STEP 1: Edit your HTML
1. To find your HTML codes, go to Store Admin>Design>HTML Pages>Layout>Using Custom HTML
2. Look for: <div id="sidebar"> Below that, you'll see the code for the navigation.
3. Copy the following code.
<hr/>
<h3>Categories</h3>
<hr />4. Look for: <ul id="nav"> and paste the code above it.
5. Repeat above <ul id="buttons"> and <ul id="places">
6. Save changes and preview your store.
*TIP: I moved my "places" above my "buttons."
--------
STEP 2: Edit your CSS
1. To find your CSS codes, go to Store Admin>Design>Theme>CSS Mode
2. Copy and Paste the following code to your CSS page.
#sidebar h3 {
margin: 5px 0px 5px 0px;
color: #70920a;
}3. Edit the color to fit your store theme.
4. Save changes and preview your store.
*TIP: Consider mobile devices when selecting your headline color. The navigation background on mobile is a dark gray. Dark colors may not show up very well.
awesome! thanks! Im def. a beginner and this was easy for me :-]
ReplyDeleteYou're welcome! So glad you were able to follow it. :)
DeleteHow do you add link to the top of your page, instead of the side nav bar?
ReplyDeleteHi Tara,
DeleteOpen the HTML. Look for div id="wrapper". Then find div id="header". That's where your store name and banner art are located. You'll want to create a new div for your navigation. The tutorial Adding and Customizing Buttons should help you with the rest. http://beansproutboutique.blogspot.com/2013/07/adding-and-customizing-storenvy-buttons.html Use that basic html and customize your css accordingly. I haven't tried doing top navigation with the new Cooper theme. If you get stuck, let me know and I'll try to help!
I'm glad you found it helpful! :)
ReplyDeleteHow do you add the social media links under the heading? I'm stuck on trying to figure out how to do that.
ReplyDeleteSorry just getting back to you. You may have figured it out by now, but if not, I'll try to help. In the dashboard, under Settings/Business Info, there is a section labeled Links. You can type in "Facebook" under name and paste your Facebook url. If you have Twitter, Instagram, Pinterest, etc, you name them and add the links there. That information is what will show up in the sidebar. You can add the title "Social" or whatever you'd like following Step 1 in the tutorial. You'll put your title above the code the says places. It's after the nav code where you put your "Categories" title. Hope that helps!
Delete