FAQS
General Style

How to Change Font Style ?

Step 1:

Go To style.scss (src/assets/scss/styles.scss )

if you want to change another font-family Go to the site Google Fonts And Select One font Family and import in to styles.scss file

How to Select font Family

Example:

Step 2:

And paste Your Selected font-family in style.scss

Example:

Step 3:

And add the Your Selected font-family in _variables.scss(src/assets/scss/_variables.scss)

Example:

--default-font-family:    							'Inter', sans-serif;

How to change Menu icons ?

By default menu icons are Boxicons if you want to change icons please follow below steps
Step 1 :

To change Menu icons, open menuData.js file Path:data/menuData.js you can find the array of objects in that icon propery is for images, you can change values in icons property to see changes.

How to Change Logo ?

Go To "public/assets/images/brand-logos" folder and replace your logo with Previous Logos within in image size. note: Please don't increase logo sizes. Replace your logo within given image size. otherwise the logo will not fit in particular place it disturbs the template design.

To clear LocalStorage(cookie)

How to remove the logic that retrieves LocalStorage values (cookie)?

Step1:

Open switcher.js file stores/switcher.js

To clear LocalStorage loading functions you need to remove lines which are reassigning the localStorage value in retrieveFromLocalStorage function in actions.



retrieveFromLocalStorage() {
	this.colorthemeFn(this.colortheme);
	this.directionFn(this.direction);
	this.navigationStylesFn(this.navigationStyles);
	this.pageStylesFn(this.pageStyles);
	this.widthStylesFn(this.widthStyles);
	this.menuPositionFn(this.menuPosition);
	this.headerPositionFn(this.headerPosition);
	this.menuColorFn(this.menuColor);
	this.headerColorFn(this.headerColor);
	this.themePrimaryFn(this.themePrimary);
	if (this.themeBackground) {
		this.themeBackgroundFn(this.themeBackground);
	}
	this.backgroundImageFn(this.backgroundImage);
	if (!localStorage.getItem('ynexverticalstyles')) {
			this.menuStylesFn(this.menuStyles);
	}
	if (!localStorage.getItem('ynexmenuStyles') && localStorage.getItem('ynexnavstyles') != 'horizontal') {
		this.layoutStylesFn(this.layoutStyles);
	}
},
Disabling Switcher

How To Disable Switcher In All Pages ?

To remove switcher icons from header remove below code inshared/components/header.vue file


		<!-- Start::header-element -->
		<div class="header-element">
			<!-- Start::header-link|switcher-icon -->
			<a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas" data-bs-target="#switcher-canvas">
				<i class="bx bx-cog header-link-icon"></i>
			</a>
			<!-- End::header-link|switcher-icon -->
		</div>
		<!-- End::header-element -->

To remove switcher from all the pages go tolayouts/* file. And remove the <Switcher /> and <CustomSwitcher />

How To Remove Switcher In Landing Page ?

To remove switcher icons from landingpage remove below code incomponents/pages/landing.vue file


		<!-- Start::header-element -->
		<div class="header-element">
			<!-- Start::header-link|switcher-icon -->
			<a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas" data-bs-target="#switcher-canvas">
				<i class="bx bx-cog header-link-icon"></i>
			</a>
			<!-- End::header-link|switcher-icon -->
		</div>
		<!-- End::header-element -->

To remove switcher from all the pages go tolayouts/* file. And remove the <Switcher /> and <CustomSwitcher />