Hi Oliviasimone!

To change the phone number please use the below css in Enfold > general styling > Quick CSS

#menu-item-6729 .avia-menu-text {
    color:gold!important;
}

To change the background of the button

#menu-item-7580.av-menu-button .avia-menu-text {
    color:#000!important;
    background-color:#fff000!important;
    border:none!important;
}

Best regards,
Vinay Kashyap

Hey!

The button in the below screenshot is links to homepage

We tested on Chrome, FF and IE. on windows desktop, and portable android mobile and tablet it works fine.

We are here to help resolve your issues and we seek your kind co-operation to resolve it.

i will ask one of my team members with an iPhone to check it and let you know…

it’s possible that a 3rd party plugin is causing this issue to find the plugin in conflict please follow the below steps

1. Goto plugins page > Deactivate all active Plugins
2. Updated WordPress and Enfold to latest version if you have not.
3. Activate one plugin at a time… refresh the page and check for the issue.
4. Make sure the plugins are all updated

Regards,
Vinay Kashyap

Hi lzevon!

please use different tickets for different questions.

You can try to use a header widget for your button: kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

You can try to build two different sliders and display only on of it depending on screen size. Use media queries for it: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Regards,
Andy

Hi!

Please add this to your functions.php make sure you are using a child theme.

// Remove href from menu button
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
   jQuery("#advanced_menu_toggle").removeAttr("href");
});
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt');

Regards,
Vinay Kashyap

Hey!

Sorry for the delay. We do appreciate your patience :) Some of our moderators have health issues and at the moment we are a little busy but we try to answer everyone as soon as possible.

Answering many questions in one ticket get’s confusing as the questions and answers tend to get mixed up in one ticket . let’s keep the focus on one topic in one ticket. Please create new tickets for different issues.

Alright! let’s get to the issues and help you resolve them…

1. when clicking the menu toggle the page will jump back to top.

Remove the “href=”#” ” from the menu

<a id="advanced_menu_toggle" href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

2. when fly out menu is active, the menu toggle icon and the close button are not alligned….

You need to use the option Enfold > Header > header behavior > Let logo and menu position adapt to browser window

By doing so the mobile menu will be placed to the right side of the header.

3. 4. 5.

Please create a new tickets for each issue.

6. The advanced menu toggle is currently not visible on tablet.

To make the header sticky in tablet use the below css in Quick CSS

 
@media only screen and (max-width: 767px) {
	#header_main {
		position: fixed!important;
	}
}

Cheers!
Vinay Kashyap

• This reply was modified 10 years, 1 month ago by Vinay.

Hey!

We are working on your ticket please wait while we update the results here soon.

Please goto Appearance > menu and select button style from the dropdown as seen in the below screenshot

Add the below css in Enfold > General styling > Quick CSS

/* menu button style*/
.av-menu-button {
	color:#FFF!important;
	background: #eb7d3c!important;
}

Best regards,
Vinay Kashyap

• This reply was modified 10 years, 1 month ago by Vinay.