Individual navigation for sub-sections of the site

8 posts from 3 voices

• Started 2 months ago by KGBLondon
• Latest reply from Dude
• This topic is not resolved

Tags:

No tags yet.

1. 

   KGBLondon
   Member

   Hi Kriesi,

   Just downloaded Velvet - great theme, love it.

   Here's what I need help with please.

   The site I'm creating is for a company that offers several services, each almost needing its own mini website.

   What I'm trying to do:

   Use the homepage portfolio preview images to take the user to a fresh page which has sub-navigation related to its section.

   So in other words it looks like this:

   Homepage = main company landing page
   Homepage Navigation at the top = Service 1 Service 2 Service 3
   Homepage Portfolio Boxes = Service 1 Service 2 Service 3 (same as the navigation)

   When you click on say Service 1, I'd like to have navigation for that subsection clearly defined, such as About, Prices, etc - but just for that service. If I use the Pages widget, that normally is the pages of the whole website so I don't think that would work. What would you suggest?

   2. Is it possible to use one of the portfolio boxes to take the user to a whole new site when they click on 'Read More' ?

   The reason for this is that I am also developing an ecommerce site that I'd like to link to from the homepage. If this won't work, what would you suggest? I'd like to feature the ecommerce site visually on the homepage to promote it (as well as in the top homepage navigation).

   Hope this makes sense!

   Many thanks,

   Khaled

   Posted 2 months ago #
2. 

   Devin
   Moderator

   Hi Khaled,

   You can use a custom menu to create your own navigation scheme. Just create the menu in the Appearance>Menu, save it and then you can select it using the custom menu widget.

   2) No, the read more link is always set for the item's individual page.

   You could set up a layout using the Template Builder and have the link be inside a column element where you've set the content manually like you would a html snippet.

   Regards,

   Devin

   Posted 2 months ago #
3. 

   KGBLondon
   Member

   Thanks Devin.

   OK - well regarding no. 2, those sites I've developed are currently in another Wordpress theme, so as I'm bringing everything together, I will be making those sites' folders sub-directories of the main site, and will change their current theme to Velvet. So if I do that, at least visually it will flow. However, regarding your instruction, if I use the column element approach, what do I need to select from the dropdowns so that I can input an image + writing + link beneath it to simulate the look and feel of the portfolio boxes displaying on the homepage?

   I have been testing out the Template Builder. I am trying to create a new 'Front Page' for a sub-section of the site, with its own navigation menu. I have created a menu for this at the moment and called it 'Test Menu'. I don't seem to be able to add the separate menu from the Template Builder dropdowns anywhere - as I can't find it as an option in Template Builder? I've also gone into 'Menus' and at the top it says 'Your theme supports 1 menu' - how then can I assign a different menu to a different page? I don't mind how it's done, I just need to have a separate navigation for the subsection of the site.

   Many thanks,

   Khaled

   Posted 2 months ago #
4. 

   Devin
   Moderator

   Hi Khaled,

   The theme has no support for adding menus into the template builder directly. You would need to set up the menu with html in a text area.

   Since what you are trying to do isn't really built into the theme, you will be mostly doing it manually with html and then using the theme to just position that html. Either through a page content added into a template builder template or the other elements that can accept html.

   Otherwise, you would need to edit the theme files themselves.

   Regards,

   Devin

   Posted 2 months ago #
5. 

   KGBLondon
   Member

   Hi Devin,

   Ok thanks - we've decided to simplify things and keep just one navigation.

   With regards to navigation, please could you tell me which element of the CSS I need to adjust for the spacing between the navigation headers? We have 6 navigation menu headers and with so much space between them, it has moved the menu bar to below the logo - doesn't look right or nice.

   I've tried adding various things ".main_menu .menu > li > a" and to ".main_menu .menu a " but nothing has worked.

   Many thanks.

   Khaled

   Posted 2 months ago #
6. 

   Devin
   Moderator

   Hi Khaled,

   This is the width of each group right now:
   

   #top .main_menu .menu > li {
   width: 125px;
   }

   Reducing the width will make each a bit tighter. You could probably get down to 100px without much issue but any lower and it may need some specific re-sizing.

   Regards,

   Devin

   Posted 2 months ago #
7. 

   KGBLondon
   Member

   Thanks Devin.

   One final question: when I purchased Velvet, it was listed in a blog about responsive minimal websites - I sadly discovered today, after hours of work and transferring files over that it isn't responsive :-(

   I've been looking around for plugins that might help but there's nothing really that will make a whole them responsive is there? Just double checking before I start again from scratch as the client wants a responsive site.

   Many thanks for all your help so far.

   Khaled

   Posted 2 months ago #
8. 

   Dude
   Dude

   No, unfortunately Velvet is not responsive and we have no plans to make it responsive. All themes which were released after Abundance (Propulsion, Angular, Sentence, Coherence, etc. ): http://themeforest.net/user/Kriesi/portfolio are responsive themes. All other themes (including Abundance) are not responsive.

   Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.