Header

Hey sjidesign,

We need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Vinay

Hi,

I had to remove some css code related to the header widget as this code will make it difficult to place the elements in header as per your requirements.

Please find the old code here (link in private) and back it up if you should need this in the future.

Please let us know where is the fall back menu coming from? How did you add it?

It is recommended to use the menu feature available in Dashboard > Appearance > Menu and create your own menu.

This way it is easily manageable and we can provide you with custom code to make the header look like your screenshot.

Awaiting your reply.

Best regards,
Vinay

Hi,

Thank you for setting up the menu.

I thought the widget area code was also removed and tried to setup the widget area again however this caused an error to show up. In the functions.php file we need to remove the last functions related to the header widget.

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'header' );
}

Can you please provide us a temporary FTP access (via private data field)?

Best regards,
Vinay

Hi,

We have added the below html code to Widgets > Header

<div class='widget-info'><a class='tel' href='tel:+44020886656666'> +44(0)20 8866 56666</a><a class='email' href= 'mailto: (Email address hidden if logged out) '>Send Email</a></div>

And the below css to Quick CSS section under Enfold > General Styling :

Please review the site and let us know how you like it :)

#top .main_menu{
margin-right:160px;
}
.widget-info .tel {
display:block;
clear:both;
}
#header_main .widget a {
color:#D6011F !important;
}
#header_main .widget {
clear:none!important;
top:50%;
transform:translateY(-50%);
right:0;
position:absolute;
line-height:30px!important;
text-align:center;
}
.main_menu {
    clear: none;
    position: absolute;
    z-index: 100;
    line-height: 30px;
    height: 100%;
    margin: 0;
    left: 20%;
} 

@media only screen and (max-width:989px) {
#header_main .widget {
right:90px;
}}
.widget-info .tel:before, .widget-info .email:before {
  display: inline-block;
font-family: "dashicons"!important;
  text-decoration: none;
  speak: none;
position:absolute;
left: -20px;
}
.widget-info .email:before {
  content: "\f466";
}
.widget-info .tel:before {
  content: "\f525";
}

Best regards,
Vinay

• This reply was modified 7 years, 11 months ago by Vinay.

Hi,

I checked the site on FF, IE and Chrome and also on my android phone the icons look fine on my end please refresh the page a few times to empty the browser cache and try again.

If you still notice the same issue please enable CORS http://kriesi.at/documentation/enfold/enable-cors/

Best regards,
Vinay