- Posts
I cannot find how to enlarge and darken the menu buttons on the customize page. I would like to make them larger and darker in color.
Hello Kimberley,
Thank you for reaching out to our support team.
If you can share your site URL, I’ll be happy to take a closer look. Whether this can be changed will depend on where the menu is located. In many cases, a small CSS adjustment in your customizer is all that’s needed.
If the buttons were added directly in the header template, you can open the template, select the button, and update its properties from there.
Let me know and I’ll guide you through the next steps.
Thanks,
ElanaHi Elana,
I have shared the website in the inquiry information. Thank you for helping!
I would really appreciate any advice or help I can get on enlarging the font and size of the menu buttons on our website. Thank you!
Hello Kimberly,
Thank you for reaching out to our support team.
You can edit that font size by going into the customizer and under Design -> Menus -> Main Menu -> Font. You will have an option to change the font size there.
Thanks
Elana.Hi Elana,
Font modification isn’t available on that page. I have gone that route with no options or success. I will include a screen shot of the choices. Is there another avenue to make these changes.
Menu Name
Main Menu
Front Page
Home
Edit Home (Front Page, 1 of 6)
Custom Link
Fare and Menus
Edit Fare and Menus (Custom Link, 2 of 6)
Page
About Us
Edit About Us (Page, 3 of 6)
Page
Services
Edit Services (Page, 4 of 6)
Page
Gallery
Edit Gallery (Page, 5 of 6)
Page
Reviews
Edit Reviews (Page, 6 of 6)Reorder
When in reorder mode, additional controls to reorder menu items will be available in the items list above.
Menu Location
Here’s where this menu appears. If you would like to change that, pick another location.Primary Menu (Current: Main Menu)
Menu Options
Automatically add new top-level pages to this menu
Delete MenuHello Kimberly,
Thank you for reaching out to our support team.
It’s likely that something on your site is overriding the font size. You can try adding the following CSS under Appearance → Customize → Additional CSS:
#site-navigation ul li a {
font-size: 30px !important;
}Let me know if that works for you.
Thanks
Elana.That worked beautifully! 30 as a little to large but I was able to adjust. Thank you so much!
Hi Elana,
I am now having an issue that when I fix or move things in the mobile view version, it skews everything on my desktop version, see services page and home page. Also, the margins on the mobile version are too wide and text runs off the screen. I am not sure how to fix this. I cannot find it in settings.
Hello Kimberley,
Thanks for the update. It looks great on mobile now, but I do see what you’re referring to on the Services page.
The “Weddings” and “Socials, Celebrations, Reunions” images appear more oval-shaped, while the others are circles. This difference is affecting alignment, especially when margins are applied.
It looks like the image dimensions are inconsistent. For example, the Weddings image is 1920×2560, while Corporate Events is 2560×920. If you can adjust the height and width of the affected images to match the others, it should fix the layout issue.
Let me know if you have any issues.
Thanks,
Elana
- The topic ‘Menu Buttons’ is closed to new replies.
