Activating and Configuring Suit Mag Pro options.

Created OnJuly 28, 2020

bysuitabletheme

This post deals with activating and configuring core Suit Mag Pro Options.

Top Bar

Click Suit Mag Pro Options and then Top bar option. Enable this option to get a bar at the top of your webpage. Here, you can set whether or not to

Show the present date and time.
Show a secondary and social menu.
Open the social menu in a new tab.

Click the toggle button to enable or disable the options.

In addition to that you can change Background and Text color.

Click the Select Color button. It will display the color palette.
Choose the color and then set the desired transparency for the background and text.

Header Options

You will be able to customize Background, Advertisement image, and Primary Menu.

Background

To insert a background image.

Click on the Select Image button.

Choose the image from the media library or upload it from your computer.
Finally, click on the Choose Image button at the right bottom of the dialogue box to insert the image.

Additionally you can customize the background image by using the overlay option.

Click on the Select Color button. It will display the color palette.
Choose the color and then set transparency.

Advertisement

To display Advertisement in the header section.
- Click on the Select Image button. If you have uploaded the image then choose it or you can upload the image.
- Finally, click on the Choose Image button at the right bottom of the dialog box to insert the image to the header.
Insert the Advertisement link.
If you would like to open this link in a new tab then enable the Open advertisement in New Tab section.

Enable sticky header: Click to enable sticky header

Primary menu

Here’s the list of options that you can customize in the primary menu

Primary menu background color

Click on the Select Color button. It will display the color palette.
Choose the color and then set the desired transparency.

Primary menu text color

Click on the Select Color button. It will display the color palette.
Choose the color and then set the desired transparency.

Enable more edition button

More edition button is for additional information that you would like to display in the primary menu. It is located right after the search bar. Enable the option to display it but you must create the more edition menu.

Primary menu font size: Set the desired Font Size (from 1 – 40; the default value is 15). For mobile and tablet click monitor icons right of the subsection title. You will get icons of mobile and tablet.
Click on the respective icon to set the appropriate font size.

Primary menu font-weight: Set the desired Font Weight (100 – 800).

Primary menu text-transform: Set the desired transformation (none, capitalize, uppercase, lowercase, initial).

Primary menu font style: Set the desired Font Style (Normal, Inherit, Italic).

Primary menu letter-spacing: Set the desired Letter Spacing (from 0 – 10).
For mobile and tablet, click monitor icons right of the subsection title.
You will get icons of mobile and tablet.
Click on the respective icon to set the appropriate letter spacing.

Primary menu line-height: Set the desired line-height (from 1 – 4).
For mobile and tablet click monitor icons right of the subsection title. You will get icons of mobile and tablet. Click on the respective icon to set the appropriate line-height.