Hi, it is working

now the search icon works normally

just the position is weird and it looks terrible

That’s not helping

it is because Enfold got the http resource…finally figure it out where the problem locates, Not the SSL, NOT SERVER PROBLEM, NOT WP ROCKET.. it is mostly ENFOLD

and I searched the forum, many people got the same issue when they use SSL and I CAN’T believe this problem are still existing ( 2-3 years passed)

DID any one in Enfold can tell me how to make all ths CSS,JS code to be transit via HTTPS instead of HTTP?

Great then.

I got confused too……….

Don’t know which solution is for me

so now can any one tell me how to solve my problem?
to make it clear, I would like to start over again:

my problem is https://drive.google.com/file/d/0B6L9QZ3Td5Yjc3NRQmdlcXhDY0U/view?usp=sharing
the code as below:

CSS:

@media only screen and (max-width: 767px) {
#menu-item-shop .cart_dropdown_link {
padding: 0 10px;
}

#menu-item-shop #menu-item-search {
padding: 0 20px;
}

#menu-item-shop #menu-item-search .avia-search-tooltip.avia-tt {
left: -16px !important;
}
#menu-item-shop {
min-width: 110px;
}
}

and functions.php
add_action(‘wp_footer’, ‘ava_new_custom_script’);
function ava_new_custom_script(){
?>
<script type=”text/javascript”>
(function($) {
function a() {
if ($.avia_utilities.isMobile) {
$(‘#menu-item-search’).appendTo($(‘#menu-item-shop’));
}
}

$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}

Hi, Ismael

https://drive.google.com/file/d/0B6L9QZ3Td5Yjc3NRQmdlcXhDY0U/view?usp=sharing

please check this link, then you will know what I mean

So you mean the new features are not going to work in Enfold?????????

Hi,

seems now the conflicts are gone

so can you check back again for my issues that mentioned previously

the search icon is stick nearby the cart icon in mobile

normally when we click the cart icon at the first time, it will show: no products in your cart
and click the 2nd time, it will link to the cart page

but search icon, when we click the icon, it should display the search table directly, but now, it display no products in your cart either, and display the search table only when click the 2nd time

how to avoid this for search icon ( why it happen same like the cart icon?)

I will try to solve the cache problem with WP rocket firstly

because I did make the mobile search icon

some of the CSS, JS OF ENFOLD was cache as http instead of https
it was blocked because of that

I guess that’s why you can’t see it.

by the way, Can you check IF it is enfold got some conflict with WP ROCKET?

as the errors that was mistakenly cached were all enfold’s CSS AND JS

another problem

the product slider (Title name) got pretty huge………….

Hi, Vitoria

Thanks. indeed, that’s not a good solution.
However, I will try to keep it as a image, as I search the forum, many people got problem if they use TEXT LOGO only.

anyway, I make it smaller in the subtext. someday in the future, I will add text instead.

back to the priority, the CSS you offer didn’t help too much.

when you click the Cart Icon, it will come to the cart page directly without showing message: there is no production in your cart
when you click the search icon, it shows” there is no production in your cart” and then you click again, the search table comes out finally…( they display in turn)

this is not just a simple gap space problem

yes, Andy

now it is only the mobile view problem

the search icon is too closer to the menu.

Hi, Victoria

It is working

Thanks very much.

But there is still some adjustment

Can you help?

see the mobile view( iphone 6)
https://drive.google.com/file/d/0B6L9QZ3Td5YjaDlhYVQ5RUo1aHM/view?usp=sharing
https://drive.google.com/file/d/0B6L9QZ3Td5YjREwtS0dCeERubFk/view?usp=sharing

I guess the logo can be smaller and the search icon can move more left.(now is too close to the menu ,so it is hidden by it )

Hi, problem solved.

But Can I move the search icon sticky to the cart ??
(So it can be visible responsively)

Hi, John

Yes, I changed as per the searchform php as per the above link, such as replace the original contents with below
<form role=”search” method=”get” id=”searchform” action=”<?php echo home_url( ‘/’ ); ?>”>
<div>
<label class=”screen-reader-text” for=”s”>Search for:</label>
<input type=”text” value=”<?php _e(‘search site’, ‘avia_framework’)?>” name=”s” id=”s” placeholder=”Search for products”>
<input type=”submit” id=”searchsubmit” value=”Search”>
<input type=”hidden” name=”post_type” value=”product”>
</div>
</form>

It was working, the default search was replaced by the product search.
but the looking is not good
so I resumed back exactly as per the original

somehow, the front end didn’t come back to normal

I love the trick, it is great

you’ve been helping a lot, so I will try harder tomorrow to keep your trick working with the default color.

I did forgot to clear the cache
and the color I choose for this form is Dark Transparent

BTW, why your code doesn’t work if I change the contact for color as default?

I changed your word from dark to default…(not sure if I am right)