Hey Jack,

Please avoid creating duplicate tickets it will help us give you faster resolution.
We have replied to your other ticket and closing this :)

Best regards,
Vinay

Hey!

As i understand you like the “All” filter to appear correct?

Please remove the below lines in the code provided to show the “All” filter menu.

.sort_by_cat a:nth-child(1),
.sort_by_cat a:nth-child(1) + .text-sep,

Regards,
Vinay

Hi,

To hide the sub categories filter menu items please use the below css

Please note the nth-child number of the catogery you like to add need to be added in css.

If you like to target the sub cats only on a specific page please use the page id class :)

.sort_by_cat a:nth-child(1),
.sort_by_cat a:nth-child(1) + .text-sep,
.sort_by_cat a:nth-child(3),
.sort_by_cat a:nth-child(3) + .text-sep

 {
	display:none!important;
}

Best regards,
Vinay

• This reply was modified 8 years, 10 months ago by Vinay.

Hi,

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Give the images you like to target a class name “img-same-size”

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

.img-same-size {
max-width: 300px;
min-width: 100%!important;
}

Let us know if you still have any issue, we are happy to help :)

Best regards,
Vinay

Hi,

Sorry for the delay, to display the code block element in a accordion element please enable the debug mode http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

1. Create a new page and copy the shortcode of the code block element.
2. Paste the shortcode in the accordion tab in text mode.

Please view the test page in private :)

Feel free to let us know if you have any question.

Best regards,
Vinay

Hi,

Please elaborate what error message you get? Make sure the code in the functions.php is added in the right place as mentioned in the docs: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

If you still have any issue please try using a child theme and add the code in the child themes functions.php file. That should work without any issue for you :)

If the issue persist after installing child theme please feel free to create a new ticket and provide us the login details so we can take a look at it.

Best regards,
Vinay

Hi,

To make both the buttons same width please give the buttons a custom css class name “same-width” and use the css rule min width to give them both a minimum width.

To enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

.same-width {
min-width:220px;
}

Adjust the min width value as required.

Best regards,
Vinay

Hi,

The code provided earlier does not affect the display property please use this css to display elements only on mobile or desktop

http://pastebin.com/raw/UyMiZgsa

It may be a cashing issue with the min width please deactivate any caching plugins and hardrefresh the page a few times to empty browser cache to preview new changes.

Best regards,
Vinay

Hi,

Glad you found a workaround, please feel free to get back to us if you need any further assistance.

Best regards,
Vinay

Hi,

Menu item separator can be enabled from Header > Header layout > Separator between menu items

Let us know if you have more questions.

Best regards,
Vinay

Hi,
Glad its sorted for you :)
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hi,

We have tested the below code and it works fine! Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
NOTE: Remove any related codes added for the same issue to avoid conflict.

#advanced_menu_toggle:before {
content: 'Menu' !important;
font-size: 24px !important;
left: 10px;
position: absolute;
top: 0px;
}
#advanced_menu_toggle {
	border:none!important;
}

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

Please try to 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” and review the site again.

Best regards,
Vinay

Hi,

Thank you for sharing the screenshot, The tabs looks good on my end (screenshot attached). You may not see the changes until the cached files are cleared in your browser.

Please try to 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” and review the site again.

Best regards,
Vinay

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hi,

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

#top #after_full_slider_1 .container {
	max-width: 100vw!important;
	padding:0;
}
#top #after_full_slider_1 .container .content {
	padding:0;
}

Best regards,
Vinay