Resize Web Store Tabs – JCurve Solutions

Resize the Web Store's tab for customization purposes

Here are the steps on how to resize the Tab of the Webstore. This example is based using the Basic: Clean Lines theme:

Navigate to Commerce > Site Builder > Themes
Click the Customize link of Basic: Clean Lines

Note: The Name of the Theme will automatically increment numerically. This can be replaced by any preferred name.
Navigate to the Body subtab, then Logo and Tabs Template textarea
Look for the NLPAGETABS NL TAG enclosed in TR tags
Just above this TR tag is a TD tag that contains a TABLE tag with a width attribute. Set the width percentage according to user’s preference (example: width="50%")
An align attribute can also be added in this tag to align the Tabs (example: align="center")
Save the record
Navigate back to Commerce > Website > Website > Set Up Web Site, click Edit on the website record to be modified
Navigate to the Appearance subtab and reconfigure the Web Site Theme to the theme that has been edited
Save the Web Site record
Open the website to view the modification

Notes:

Make sure that the Advanced Site Customization feature is available. Check this by navigating to: Commerce > Company > Enable Features > Web Presence subtab under the Website field group
Numerous tabs will also affect the width when resizing
The same concept can be applied to the other available themes. Just locate the table that includes the NLPAGETABS NL TAG where the width attribute can be adjusted