Return to previous page

How to change the menu font size for a simple menu

This topic has 17 replies, 4 voices, and was last updated 1 years ago ago by Luca Rossi

Nazir

Participant

December 18, 2023 at 06:56

I want to have simple menu but I am not able to change the font size

#376952 Copied Theme version: 9.2.5

16 Answers

Tony Rodriguez

Support staff

December 18, 2023 at 07:48

Hello, @Nazir,

Thank you so much for purchasing our theme and contacting our support center.

We kindly request that you provide us with a screenshot of the problem you are encountering. This will enable us to gain a clearer understanding of the issue and assist you more effectively.

Furthermore, we would appreciate it if you could create temporary wp-admin access and share the details via the private content area. This will allow us to review your settings and better understand the issue at hand.

We kindly recommend that you take a complete backup of your site before proceeding.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#376957 Copied

Nazir

Participant

December 18, 2023 at 07:52

Hello here is the screen shot https://tinyurl.com/yng9wm6l
and the website is https://ecogate.ca/demo/.

please guide me how to change the font size as I may need to change in the future also

#376958 Copied

Nazir

Participant

December 18, 2023 at 07:54

Also I am not able to add flatsome icon

#376959 Copied

Tony Rodriguez

Support staff

December 18, 2023 at 08:17

Hello, @Nazir,

We appreciate your effort in sharing the screenshot with us.

Should you desire to modify the font size of the main menu, we kindly ask you to follow these steps:

1. Go to the ‘XStore’ section.
2. Select ‘Theme Options’.
3. Proceed to ‘Header Builder’.
4. Click on ‘Main Menu’.
5. Locate ‘Content Zoom (%)’.
6. Enter the desired value to adjust the font size to your preference.
7. Ensure to save your changes by clicking ‘Publish’.

For your convenience, we have included an image to serve as a visual guide for the aforementioned process. https://ibb.co/2M1xpNP

We trust that these instructions will effectively address your concern. Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
The 8Theme Team

#376963 Copied

Nazir

Participant

December 18, 2023 at 08:24

Thank you, that has been solved, now I am not able to add flatsome icon on the page, while I select iconbox or icon list, the icon is not showing

#376966 Copied

Nazir

Participant

December 18, 2023 at 10:06

I am not able to add flatsome icon on the page, while I select iconbox or icon list, the icon is not showing

#376982 Copied

Rose Tyler

Support staff

December 18, 2023 at 10:23

Hello, @Nazir,

Thank you for getting in touch with us.

We kindly request that you grant us temporary wp-admin access in order to review your settings and offer the necessary assistance.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.

#376987 Copied

Nazir

Participant

December 19, 2023 at 05:54

hello, here is the username and password, I am not able to add flatsome icon on contact page and homepage

Please contact administrator
for this information.

#377076 Copied

Rose Tyler

Support staff

December 19, 2023 at 08:14

Hello, @Nazir,

BE ATTENTIVE and don’t place the private information in the general message area because all the visitors have access to that information.
We’ve edited your message and moved info into the Private Content area.

To proceed further, we kindly request that you provide us with temporary FTP access.
This should include the FTP host, username, password, port number, and encryption type. If you require assistance in creating these credentials, we advise that you contact your hosting provider for expert guidance and support.

Thank you for your cooperation.

Best Regards,
The 8Theme Team

#377086 Copied

Nazir

Participant

December 19, 2023 at 08:20

Thank you for that, please have the ftp details

Please contact administrator
for this information.

#377087 Copied
Luca Rossi

Support staff

December 19, 2023 at 10:50
Dear Nazir,

We are pleased to inform you that we have successfully applied the hotfix to your website. The necessary custom CSS codes have been inserted in the following location of your site’s theme settings: Theme Options > Theme Custom CSS > Global CSS. The specific code added is as follows:
```
svg.e-font-icon-svg {
    width: 64px;
    height: 64px;
}
```
Please rest assured that we are diligently investigating the issue you’ve reported. We will provide you with a comprehensive update as soon as our analysis is complete.

Thank you for your patience and understanding.

Best regards,
The 8Theme Team
#377109 Copied
Nazir

Participant

December 19, 2023 at 11:21

Thank you for that, now I am able to add the icon but I am not able to change the color or size, make the size for 30px and color for #507B00

#377115 Copied
Luca Rossi

Support staff

December 19, 2023 at 12:26
Hi @Nazir,

We’ve updated the custom CSS codes to:
```
.etheme-icon-box-icon svg.e-font-icon-svg {
    width: 30px;
    height: 30px;
}
.etheme-icon-box-icon svg..e-font-icon-svg path {
		fill: #507B00;
}
```
Can you please check again? Thanks.

Best regards,
The 8Theme Team
#377128 Copied
Nazir

Participant

December 20, 2023 at 07:37

The change didn;t affect, still the icon color is black

#377195 Copied
Luca Rossi

Support staff

December 20, 2023 at 07:51
Hi @Nazir,

We’ve updated the custom CSS codes for you. There was a typo in the codes. The correct codes should be:
```
.etheme-icon-box-icon svg.e-font-icon-svg {
    width: 30px;
    height: 30px;
}
.etheme-icon-box-icon svg.e-font-icon-svg path {
		fill: #507B00;
}
```
Result: https://prnt.sc/YvSg4jYljF09

Best regards,
The 8Theme Team
#377197 Copied
Luca Rossi

Support staff

December 22, 2023 at 06:45

Hello @Nazir,

We are pleased to inform you that we have released a hotfix and have successfully applied it to your website: https://prnt.sc/WL0fKwY7eDl4

Everything is functioning normally at this time. Please clear your browser cache and then check your website to see the updates in effect.

Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Best Regards,
The 8Theme Team

#377422 Copied
Tagged: adjust woocommerce menu font, change menu font size, customize woocommerce menu, simple menu font modification, woocommerce themes tutorial, wordpress menu customization, wordpress woocommerce themes
Viewing 17 results - 1 through 17 (of 17 total)