Hey Leon,
Sorry for the late reply, almost every element has an advanced tab with an “Element Visibility” options panel where you can check all to hide on all devices.

You can also set pages or posts to private or draft to hide them until you are ready.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I tested your page by trying to disable your plugin and as you said the pagination shows then and not when your plugin is enabled. Unfortunately, the reason the pagination doesn’t show is because it’s div is empty, perhaps the div class “single-big” is also used by the plugin which is causing a conflict or pagination links are triggering something in the plugin. Try contacting the plugin author to see if this is a known issue or perhaps they have seen this before and already have a solution for it.

Best regards,
Mike

Hey wasim-ullah,
Please change your css from:

#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

to this:

@media only screen and (max-width: 767px) { 
#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,

@Pro4uPro4u sorry for the late reply and thanks for the link, for your pages, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-110 .av-horizontal-gallery-img {
    height: 100% !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
.responsive #top.page-id-108 #tabbransch .av-horizontal-gallery-img {
    height: 300px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
}

@Lodewijkvw for your page please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-45 .av-horizontal-gallery-wrap {
        margin: 1px !important;
        overflow: visible !important;
}
.responsive #top.page-id-45 .av-horizontal-gallery-img {
        height: 100% !important;
}
.responsive #top.page-id-45 .av-horizontal-gallery-inner {
	min-height: 400px !important;
}
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hey William,
Sorry for the late reply and thanks for the link and the kind words.
1: I have linked to the child theme in the Private Content area, please try installing this one. I recommend first going to Enfold Theme Options > Import/Export > Export Theme Settings File and saving a copy of it to your desktop, you can then use it later if you have any issues. I also recommend disabling all caching plugins and the Enfold Theme Options > Performance > JS & CSS file merging and compression while you are installing the child theme, you can enable the plugins after you are successful with the install.
2: for your layerslider on mobile, I have tested on an Android with Chrome and on the “/liveaboard-diving-in-alor/” page the slider doesn’t show but the layerslider “circle-timer” does show, you are getting Mixed Content errors in the console for images so I believe that if you fix your “https” issue the slider images will show. I recommend the Really Simple SSL plugin to force the “https” and solve the Mixed Content errors.
2b: I noticed that on each page the layerslider is on for mobile that you have extra padding & margin around the layerslider giving too much white space, so please try this css to correct, I tested it on several of your pages and it seems to work good.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
#top main.template-page.content.ls-overflow-visible {
	padding: 0 !important;
}
#top .flex_column.flex_column_div.first.avia-builder-el-0.ls-overflow-visible {
	margin-top: 0 !important;
}
}

After applying the css, Please clear your browser cache and check.

3: You may find that a 1/3 -1/3- 1/3 elements to be side by side on mobile will be hard to read but if you point out the exact elements I will try to write some css that does this for you so you can see.

Best regards,
Mike

Hey coretekk,
Thanks for the new thread and the login, I tried to make some changes and compared your site to my localhost but didn’t find the cause. I also tried to use the woosidebars plugin to show the sidebar but it didn’t work either. I will research some more.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the login, I checked both of your language versions and found that your alternative logo has this added to the end of the URL which is causing it to look out of focus ?fit=435%2C116&ssl=1 I changed this to: ?fit=425%2C116&ssl=1 and now both seem to be correct, please clear your browser cache and check.

The page content layout is a little different with extra div’s for example on the English version under “YOUR LEADING FREIGHT FORWARDER IN BALI”
the layout is:

<div class="flex_column_table av-equal-height-column-flextable -flextable">
    <div class="flex_column av_three_fifth  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding first  avia-builder-el-34  el_after_av_heading  el_before_av_two_fifth"></div>
</div>
<div class="flex_column_table av-equal-height-column-flextable -flextable">
        <div class="av-flex-placeholder"></div>
    <div class="flex_column av_two_fifth  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding   avia-builder-el-36  el_after_av_three_fifth  avia-builder-el-last  "></div>
</div>

where on the french version it is:

<div class="flex_column_table av-equal-height-column-flextable -flextable">
    <div class="flex_column av_three_fifth  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding first  avia-builder-el-34  el_after_av_heading  el_before_av_two_fifth"></div>
        <div class="av-flex-placeholder"></div>
    <div class="flex_column av_two_fifth  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding   avia-builder-el-36  el_after_av_three_fifth  avia-builder-el-last  "></div>
</div>

so there is an extra div braking the layout.
Was the English version created by the WPML plugin automatically? I changed the first column to individual height instead of the equal height and it seems to have fixed the whole page, it must have been a fluke?
Please clear your browser cache and check the English version.

Best regards,
Mike

Hi,
Sorry for the late reply, to change to number of items that show, please change the setting here:

I changed it to 8 from 16, please check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
no “cleanup” needs to be done in the green area, selecting Displayed Everywhere from the red area will create a new widget, it is not a control for a widget that is already in place. The goal was to have the Custom HTML inside the Festival Sidebar so the link will show, correct?

Best regards,
Mike

Hi,
The css causing the green color on hover is this:

#top #wrap_all .av-social-link-youtube:hover a, #top #wrap_all .av-social-link-mail:hover a, #top #wrap_all .av-social-link-facebook:hover a {
    color: #719430;
}

This custom css, probably in your Quick CSS, is for all 3 of your social icons, so if you want all 3 to be gray try changing the color to #aaaaaa.
After editing the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please ensure any caching plugins are disabled and the Enfold Theme Options > Performance > JS & CSS file merging and compression is disabled and then clearing your browser cache a few times, js files can be tricky to clear if you are caching.
If this doesn’t help, please include an admin login in the private content area and link to a page where we can see the issue so we can be of more assistance.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the links, on your page that is “correct” I see this:

Is this really correct?
I didn’t find this on your /materjalid/ page, but when I re-read your question and see that you are using “YITH Infinite scrolling plugin” which is lazy loading the product grid which may not work with the solution you have used because the script above runs on page load but your plugin adds more items to the grid without loading the page or giving a trigger, so I don’t believe this will work for you.

Best regards,
Mike

Hi,
Glad we were able to help, this customization is too specific to be effective as a general option, but I see that you are using a child theme so this customization will remain in effect after your future updates. We will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike