Any of our themes can make your store look polished and professional, reflect your brand personality, and resonate with your customers. That said, if you want to go your own way stylistically, we make it easy for experienced programmers to customize your navigation menu using CSS through “navigation.css” and “template.css”:

  • /v/vspfiles/templates/templatename/css/navigation.css
  • /v/vspfiles/templates/templatename/css/template.css

Before you make any coding changes, no matter how basic they may seem, we recommend archiving it first by making a copy and saving it to your personal computer.


Navigation Menu Editing:

  1. Log in to your store and navigate to the Admin Area.
  2. Go to Design > File Editor.
  3. Click on the template_XX.css file in the Shortcuts list on the right side of the page (where "XX" is the template name or number you have installed on your store).
  4. Edit the template.css file or select navigation.css from the Files drop-down menu across the top of the page.

Attribute Tags:

  • Content_area
  • Config_FullSecureStoreURL
  • v/vspfiles/templates/1/images
  • Config_CompanyAddress
  • Display_Menu_#(or S)
  • Menu#_Title
  • Display_Search_Box
  • Current_Category_RootCategoryName
  • Config_Colors_Highlight
  • DropDown_ShopBy_Category
  • Display_Cart_Summary
  • Config_FullStoreURL
  • Config_WebsiteTitle
  • Config_CompanyNameLegal
  • Config_CompanyNameShort
  • Menu#_BgColor
  • Display_Promotions_#
  • Current_Category_RootID
  • DropDown_Currency
  • DropDown_ShopBy_Manufacturer
  • DropDown_ShopBy_Price
  • if_homepage and if_not_homepage

Volusion tags supported as free text:

  • Config_FullStoreURL
  • Config_FullSecureStoreURL
  • v/vspfiles/templates/1/images
  • Config_CompanyAddress
  • Config_CompanyNameShort
  • Config_EmailAddress_From
  • Menu#_Title
  • Current_Category_RootCategoryName
  • BodyOnLoad
  • Config_WebsiteTitle
  • Config_CompanyNameLegal
  • Config_Colors_Background_Main
  • Config_Colors_Highlight
  • Menu#_BgColor
  • Current_Category_RootID

⚠️️  A heads up about Attributes:

  • They’re subject to change, so make sure that the attribute you are using will work with your theme.
  • They must have the same capitalization in both the template_xx.html and template_xx.css files or customization will not work
  • If you are not comfortable editing CSS, please contact us and we can get you in touch with a team that can assist you.


Did this answer your question?