so, now my confusion is perfect ….. now it works as expected.

Topic can be closed. Thank you

:) I am sorry for this but I resolved so…can you delete this topic … does not help anybody.
Thank you

Thank you it’s moved it up slightly but I want the image to sit flush to the top of the page if possible?

Hi I’ll Ask MMSdev to stop bumping

Just enter the site without the https or click advanced and then proceed. It’s just a self-cert ssl. We’ve not added to the site as we’re on a demo until we sort the issues with enfold.

Thanks

Greg

Hi

Yes, it hapens on every page… I like to use Text Bloc because then i have control of video parameters… ie. autoplay, showinfo, etc…

Other installations are working well… and this page has also worked well. Something has happend durin WP / Enfold / Plugin / ….. update?

Can i reinstal some PHP files or …

Regards Timo

I finally came up with the following pieces of codes and put in in code block. it worked perfectly except for the mobile version:

1) The contact form distance from the top of the page is set for desktop and don’t know how to adjust it in mobile version so whole contact form can be seen in mobile version

2) the contact form goes behind texts and pictures.

Can you solve those issues for me?

Thanks.

Code Block #1

<!-- include Google hosted jQuery Library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 

	var _scroll = true, _timer = false, _floatbox = $("#contact_form"), _floatbox_opener = $(".contact-opener") ;
	_floatbox.css("right", "-300px"); //initial contact form position
	
	//Contact form Opener button
	_floatbox_opener.click(function(){
		if (_floatbox.hasClass('visiable')){
            _floatbox.animate({"right":"-300px"}, {duration: 300}).removeClass('visiable');
        }else{
           _floatbox.animate({"right":"0px"},  {duration: 300}).addClass('visiable');
        }
	});
	
	//Effect on Scroll

	$(window).scroll(function(){
		if(_scroll){
			_floatbox.animate({"top": "130px"},{duration: 300});
			_scroll = false;
		}
		if(_timer !== false){ clearTimeout(_timer); }           
			_timer = setTimeout(function(){_scroll = true; 
			_floatbox.animate({"top": "110px"},{easing: "linear"}, {duration: 500});}, 400); 
	});

	
	
    //reset previously set border colors and hide all message on .keyup()
    $("#contact_form  input[required=true], #contact_form textarea[required=true]").keyup(function() { 
        $(this).css('border-color',''); 
        $("#result").slideUp();
    });
	
});
</script>

Code Block #2

<!-- contact form start -->
<div class="floating-form" id="contact_form">
<div class="contact-opener">Open Contact Form</div>
    <div class="floating-form-heading">Request Information</div>
    <div id="contact_results"></div>
    <div id="contact_body">
         [av_contact email=' (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='active' hide_labels='aviaTBhide_labels' form_align='' color='']
[av_contact_field label='Name' type='text' options='' multi_select='' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='Last Name' type='text' options='' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' multi_select='' check='is_email' width=''][/av_contact_field]
[av_contact_field label='phone' type='text' options='' check='is_phone' width=''][/av_contact_field]
[av_contact_field label='Your Available Cash Is:' type='select' options=', $200.000-$500.000, $500.000-1.000.000,' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='Your Approx. Networth is:' type='select' options=',$00000,0000' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='What is your timeline to invest?' type='select' options=',60 days, 90 days, 120 days, over 120 days' check='' width=''][/av_contact_field]
[/av_contact]
    </div>
</div>
<!-- contact form end -->

Code Block #3

/* floating box style */
.floating-form {
    max-width: 300px;
    padding: 30px 30px 10px 30px;
    font: 13px Roboto;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    z-index: 1000;
    position: fixed;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
	}
.contact-opener {
    position: absolute;
    left: -88px;
    transform: rotate(-90deg);
    top: 80px;
    z-index: 1000;
    background-color: #a01818;
    padding: 9px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);

}

.floating-form-heading{
font-weight: bold;
color: Black;
font-family: Roboto;
border-bottom: 2px solid #ddd;
margin-bottom: 10px;
font-size: 22px;
padding-bottom: 3px;
}

• This reply was modified 9 years, 10 months ago by afarahani.

I worked it out – the code needed more specificity,

#top #header .av-main-nav > li > a{
padding-left: 5px;
padding-right: 5px;
}

Hi This doesn’t solve the issue at all – the code is almost exactly the same as yours, sorry. The navigation is is overlapping on desktop browsers _not_ ipad’s I’ve fixed that already – this was never the issue.

I just want to reduce the left and right space between all the nav items.

See screenshot

https://www.dropbox.com/s/f2nuovcpssroagk/Screen%20Shot%202016-05-20%20at%208.26.30%20am.png?dl=0

Hi, thanks! But is not that I want.
I want a sticky menu on top.
The same responsive menu (with the logo) of Enfold theme, but sticky in Mobiles devices on 320×480 resolution.
Always present. My client need that behavoir. Thank you, very much.

Jorge L .Navarro