How to add dropdown menus in the Wordpress Cutline theme?
-
I've got a fan website for a cult US TV show (that also sells merchandise as an affiliate). The site's design is about five years old, and I should probably revamp it at some point: http://www.btvsonline.com/
Anyway, the site's Cutline theme (http://cutline.tubetorial.com/) does not support native headers, and the header menu shows only a text list of my top-level pages. There are many subpages below these pages, but it's hard for users to find them without going to different pages to try to find things. What I'm looking for: if someone hovers above "Store" in the menu, a dropdown menu showing all the product pages would appear.
I've tried to find Wordpress plugins or PHP hacks to add dropdown menus and I have gone through Cutline's support site, but I have had no luck. Anyone in the Moz community have any advice? Perhaps I just need to revamp the site with a new and modern Wordpress theme? Thanks in advance for any thoughts!
-
Hey, if I PayPal you $25 and give you my login details, could you modify the header.php file and get the dropdown menu to work? I'm sure it'd take just a few minutes. I don't know that much PHP.
My e-mail address is in my Moz profile -- feel free to e-mail there.
-
Ah, yeah then their isn't really anyway for you to get dropdown menus unless someone modifies your header.php to add them. My css would only have worked if cutline was using wordpress's built in menu function.
-
No, Cutline does not use that Menu function at all.
-
Thanks so much for taking the time to write that!
Unfortunately, I don't know exactly where to put it. I copied exactly what you wrote first at the bottom of this CSS file: http://www.btvsonline.com/wp-admin/theme-editor.php?file=style.css&theme=Cutline-1.4-3ColumnSplit (Stylesheet)
And then I placed the code here:
http://www.btvsonline.com/wp-admin/themes.php?page=editcss (CSS Stylesheet Editor)
After I tried both options, my horizontal menu doesn't provide any dropdown menus. Am I doing something wrong? Thanks SO much again!
-
It doesn't look the theme has been updated since 2011, so I don't imagine that it will be updated again, but a child theme would be best practice.
Samuel,
If it is using wordpress's built in menu editor I rewrote the css from the twentytwelve theme's menu to work with Cutline's theme. You should just be able to add this to the main css file. I don't think the theme will ever be updated again so I don't think that this will cause an issue.
/* Dropdown Menu */
ul#nav li {
position: relative;
}
ul#nav li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
ul#nav li ul ul {
top: 0;
left: 100%;
}
ul#nav li:hover > ul,
ul#nav li:focus > ul,
ul#nav .focus > ul {
border-left: 0;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
ul#nav li ul li a {
background: #FFFFFF;
border-bottom: 1px solid #ededed;
display: block;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 7rem;
white-space: normal;
}
ul#nav li ul li a:hover,
ul#nav li ul li a:focus {
background: #e3e3e3;
color: #444;
}
ul#nav .current-menu-item > a,
ul#nav .current-menu-ancestor > a,
ul#nav .current_page_item > a,
ul#nav .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}
ul#nav li ul li a {
padding: 5px;
margin: initial;
margin-top: 0px;
}
ul#nav li ul li {
padding: 0px 0 0 0;
text-align: left;
} -
My development skills aren't that hardcore, but it sounds like you would want to develop a child theme. If you're editing the actual theme, it's just going to get overwritten with the next theme update. But that sounds like a lot of trouble when you can probably find something that works for $50.
-
As far as I can tell Cutline's css doesn't include support for dropdown menus. Does Cutline's main menu use the wordpress menu editor under appearance > menu in the main dashboard?
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Page rank and menus
Hi, My client has a large website and has a navigation with main categories. However, they also have a hamburger type navigation in the top right. If you click it it opens to a massive menu with every category and page visible. Do you know if having a navigation like this bleeds page rank? So if all deep pages are visible from the hamburger navigation this means that page rank is not being conserved to the main categories. If you click a main category in the main navigation (not the hamburger) you can see the sub pages. I think this is the right structure but the client has installed this huge menu to make it easier for people to see what there is. From a technical SEO is this not bad?
Intermediate & Advanced SEO | | AL123al0 -
WordPress posts Title field inserts title into blog posts like a headline but doesn't ad H1 tag how to change?
I have a Wordpress website which is just using the Default theme, when I post in the blog, whatever I put in the "Title" field at the top of the editor is automatically is placed within the body of the blog post, like a headline, but it doesn't include any H1 tags that I can see. If I add my own headline within in the blog editor, it still inserts the Title like a headline. I am using the Yoast SEO Plugin and also write the meta title there, should I just leave the Wordpress title field blank so it doesn't insert into the blog post? Or is that inserted Title being recognized as an H1 even though I don't see h1 tags anywhere? Hope this isn't too confusing.
Intermediate & Advanced SEO | | SEO4leagalPA1 -
Default Robots.txt in WordPress - Should i change it??
I have a WordPress site as using theme Genesis i am using default robots.txt. that has a line Allow: /wp-admin/admin-ajax.php, is it okay or any problem. Should i change it?
Intermediate & Advanced SEO | | rootwaysinc0 -
Questions Regarding Wordpress Blog Format, Categories and Tag pages...
I'm looking to make some optimizations to a website I'm working on but wanted more input before I get started: Currently, when blogs are posted to the website, the URL for each post looks like this:www.mywebsite.com/blogpost I've heard that for whatever reason, the best practice is to make sure that the blog posts get posted to a blog sub-directory like so: www.mywebsite.com/blog/blogpost If I were to make this change, I'm assuming I would have to 301 redirect all of the existing blogs to their new locations. Is this change worth doing and are there any other considerations I should be taking into account? Also, I'm aware that there are certain schools of thought that category and tag pages should be no-indexed to avoid duplicate content issues. Can anyone shed some light on this from first hand experience? Thanks in advance!
Intermediate & Advanced SEO | | goldbergweismancairo0 -
Importance of having a tightly themed sight and domain for ranking and SEO
I started the site 10 years ago as www.islesurfboards.com selling mainly surfboards and ranking mainly for surfboards, paddle boards came along and now paddle boards make up for 95% of all the business and we are missing alot of ranking in the paddle board related keywords so what is the best course of action? my plans: keep www.islesurfboards.com and keep it surfboards focused, create a new domain www.islepaddleboards.com and move all paddle board related content products etc over to this domain with redirects to transfer the link juice. Doing this will still keep my surfboard site and all its long term domain credibility and i can offer a link over the the www.islepaddleboards.com site for people looking to buy paddle boards and vice versa on the new paddle board site for people looking to shop surfboards. Would this be the best course of action or does can anyone offer any better suggestions. I know google supposodly has taken off much ranking emphasis of the domain but as i pick apart the competition who rank welll in the paddle board space they all have "paddleboards" in the domains and a paddle board specific site to keep it tightly themed which pays off across the board in content, ppc campaigns, and overall ease of use as surfboards and paddle boards are two seperate products and paddle boards is very hot right now so i dont want to stay commited to www.islesurfboards.com domain if its going to create confusion or not help me rank well for paddle boards leading into the future. Any ideas? Thoughts on the best route to take?
Intermediate & Advanced SEO | | isle_surf0 -
Using WP All Import csv import plugin for wordpress to daily update products on large ecommerce site. Category naming and other issues.
We have just got an automated solution working to upload about 4000 products daily to our site. We get a CSV file from the wholesalers server each day and the way they have named products and categories is not ideal. Although most of the products remain the same (don't need to be over written) Some will go out of stock or prices may change etc. Problem is we have no control over the csv file so we need to keep the catagories they have given us. Might be able to create new catgories and have products listed under multiple categories? If anyone has used wp all import or has knoledge in this area please let me know. I have plenty more questions but this should start the ball rolling! Thanks in advance mozzers
Intermediate & Advanced SEO | | weebro0 -
Where would the SEO juice go if I have a wordpress site hosted by godaddy?
I am planning on moving my website to a wordpress that is hosted by godaddy. I am wondering where the SEO juice that my website has already gained would go. Would it go to godaddy when I make the move instead?
Intermediate & Advanced SEO | | SierraPCB0 -
Can I add NOFOLLOW or NOINDEX attribute for better organic ranking?
I am working on online retail store which is highly dedicated to Patio Umbrellas. My website is on 2nd page of Google web search for Patio Umbrellas keyword. I have one another internal page with Patio Umbrellas text link. http://www.vistapatioumbrellas.com/21/patio-umbrellas.html I assume that, Google have confusion to give rank for my keyword during Patio Umbrellas keyword. I want to set NOFOLLOW attribute or NOINDEX FOLLOW meta for this page. Will it help me to rank high for Patio Umbrellas keyword. My ultimate goal is to reduce confusion for Patio Umbrellas keyword.
Intermediate & Advanced SEO | | CommercePundit0