*Hi,

The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay+-

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

#top #header .av-menu-button a {
	top: -6px !important;
	transition: all 40ms linear !important;
	position: relative;
}

#top #header .av-menu-button a:active {
	margin-top: 2px !important;
}


#top #header .av-menu-button a .avia-menu-text{
	box-shadow:  0 0 0 1px gold inset,
	0 0 0 2px rgba(255, 255, 255, 0.15) inset, 
	0 8px 0 0 gold, /* 3d bottom border */
	0 8px 8px 1px rgba(0, 0, 0, 0.25); /* shadow */
}

#top #header .av-menu-button a:active .avia-menu-text {
	box-shadow:  0 0 0 1px gold inset,
	0 0 0 1px rgba(255, 255, 255, 0.15) inset, 
	0 1px 3px 1px rgba(0, 0, 0, 0.35);
}

Please play around with the CSS values and change the gold color in the code to suit your design.

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

#top .avia_ajax_form .select option { color: #333; }

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hey Hudavi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Footer widgets */

#top #footer #text-4.widget {
    margin-bottom: 0px;
}

#top #footer #nav_menu-2.widget {
    margin-top: 0px;
}

After adding the CSS please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hey transformmedia,

To create a button styled menu item please refer to the menu links section in the documentation.

Let us know if you have any questions :)

Best regards,
Vinay

Hi,

Thank you for sharing the credentials. The Quick CSS works fine. Please check the below screenshot. You can try it yourself by adding the below CSS to Quick CSS

#top h1.av-special-heading-tag  {
    color: red !important;
}

If you add incorrect CSS it will not work and also make sure to clear the cache after adding the CSS.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

If you still have an issue with the slider buttons please share the precise link where we can inspect the element.

Best regards,
Vinay

Hey Chrisoam33,

It may be possible, but it would require quite some time and customization of the theme to achieve this, and it’s out of our support.

We can help you get started…

Follow the steps provided in the below link “Toggle a section when a button is clicked”.

Instead of buttons try to add the class name for the full-width submenu items.

You can also create a new menu from Dashboard > Appearance > Menu and add a custom class name for each menu.

Once you reach a certain point we can try to help you only if it is not going to require heavy customization. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Vinay