Hi!

Please add the following CSS in Quick CSS

.avia-slideshow-arrows .avia-slideshow-controls, #top .av-large-testimonial-slider .avia-testimonial-content {
    position: absolute!important;
    top: 300px;
}

Regards,
Vinay Kashyap

Hey!

Since we cannot view the site it’s a shot in the dark…
but let me tell you overflow:hidden; will hide the elements that appear outside the div container
overflow:auto will make the content scrollable

Try the below code in Quick CSS
If this don’t solve the issue please use hidden in place of auto in the below code.

html.responsive, .responsive body {
    overflow-x: auto!important; 
}

Best regards,
Vinay Kashyap

Hey!

There are many things you need to consider.

The order in which style sheets are loading
The specificity of a css rule
Class names with #ID has more importance etc etc
It’s a bit more complicated to explain why your CSS is not working you may want to try searching for solution on sites like stack overflow.

Try this after you setup the child theme go to appearance > editor > styles.css
And let us know if it is blank or has all the styles you added in the child theme.
If it is blank then the stylesheet is not connected to the main theme properly
If you see all the styles here it’s good to go.

Send us your wordpress login details in private so we can take a closer look…

Cheers!
Vinay Kashyap

Hey!

We have not tested enfold with this plugin and we will now be able to tell why the plugin is not working for you.

What I would suggest is try to access only one blog category from Magazine element in ALB and make sure that is ordered using post order plugin. Then try it on multiple categories. If you still have any issues It probably not compatible with Layout builder element.

You can also try this plugin https://wordpress.org/plugins/content-views-query-and-display-post-page/

Regards,
Vinay Kashyap

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

Hi!

There seem to be some caching issue i think. are you using any CDN to deliver your site?

anyways please check grid.css link in description open that link
Open a search finder or press press Ctrl + F and look for 1010px
You will notice the below code edit it and upload via FTP and let us know if it worked. (These changes will be lost when theme get’s updated but we can zero in on the issue).

.boxed#top, .html_boxed.html_header_sticky #header{ width: 1010px; }
.container{ max-width: 1010px; }

Cheers!
Vinay Kashyap

Hi!

To make the search bar always visible please follow the steps below

1. Add a widget area in header
http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

2. Drag the search widget to the new widget area.

Let us know when your done and we can help you with some custom CSS if necessary.

Regards,
Vinay Kashyap

Hey!

Sorry the cf7 plugin only support sending auto response email to the sender

You can check with the plugin author if you can put your email address along with the sender’s some where so you can get a copy of the auto response.

Cheers!
Vinay Kashyap

Hey!

Enfold is compatible with the latest version of woocommerce. may I know what exactly you are trying to do? If you like to update woocommerce please feel free to do so :)

Regards,
Vinay Kashyap

Hey!

Have you installed any plugins just before the issue started? Please deactivate all plugins and check the site should scroll properly.

What browser are you testing this on? It looks like your browser is running a lot of js or some browser extension is interacting with the page during scroll. Deactivate browser extensions too and check for the issue please.

Cheers!
Vinay Kashyap

Hey beck-sites!

It is much easier if we can take a look at the site and inspect the element in question.

make sure the min border width is 1px and not 0.5px or any decimals some browsers will not recognise this.

Regards,
Vinay Kashyap

Hey!

What will happen if you go to customizer and remove all the menu items?

Then try the wordpress regular menus and let us know.

Best regards,
Vinay Kashyap

Hey!

You can try pasting in the textbox as text element rather than visual

To display the scroll to top button in mobiles please use the below code in Enfold > general styling > quick css

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
  display: block !important;
}
}

Regards,
Vinay Kashyap

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

Hi mdedesign!

Please add the below code to Enfold > General Styling > Quick CSS to slow down the animation you can play with the time change 3s to 2.5s or any number you like.

.avia_transform .avia_start_delayed_animation.right-to-left {
    animation: avia-rtl 3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important;
}

.avia_transform .avia_start_delayed_animation.left-to-right {
    animation: avia-ltr 3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important;
}

2. i already see the caption on the bottom center please clarify if you got this sorted if not a screenshot would help us understand better.

Cheers!
Vinay Kashyap

Hey!

If each image is 360px wide for total of 4 images you need to calculate the width which is which is approx 1440px + paddings & margins.

Goto general layout and set max container width to be approx 1500px

Cheers!
Vinay Kashyap

Hey santanin!

This section looks good to me please let me know if you see anything different form what is in the screenshot below. If so please send us a screenshot so we can help you better.

Cheers!
Vinay Kashyap