Hi,
We can help adjust the font size of the icon font, but we will need to see it to help, can you make a test page visible with it?
Also, please add the bullet point section to the test page so we can investigate.

Best regards,
Mike

Hi,
Thanks for the login, I disabled the script above and tried this solution which seems close but not quite right. I will continue to investigate.

Best regards,
Mike

Hi,
Yes, but unfortunately we have not been able to reproduce it or find a cause for it yet, Thank you for your patience.

Best regards,
Mike

Hi,
I see, thanks for the feedback. So I added a script that replaces the pagination for the one page to show only 5 pagination pages.
I added the script to your child theme functions.php and I set your page to show 20 items with pagination so you could see it working.
Please clear your browser cache and check.

This is the script with your URL removed for future readers to model:

function custom_pagination(){
    ?>
    <script>
  (function($){
    $(document).ready(function(){
        $new_pagination = '<nav class="pagination"><a href="https://your-site.com/" class="inactive">1</a><a href="https://your-site.com/page/2/" class="inactive">2</a><a href="https://your-site.com/page/3/" class="inactive">3</a><a href="https://your-site.com/page/4/" class="inactive">4</a><a href="https://your-site.com/page/5/" class="inactive">5</a></nav>'
  if ($("#top.page-id-5494")){
      $( "nav.pagination" ).replaceWith( $new_pagination );
  } else {}
  });
  })(jQuery);
  </script>
  <?php
  }
  add_action('wp_footer', 'custom_pagination');

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link, when I look at your page the image is already 618px and the text to the right is 362px. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.single-product .single-product-main-image.alpha {
	width: 700px !important;
}

This will make the image 700px and the text 280px.
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,
Sorry for the late reply, I went to your shop and the product in the Private Content area, and I was able to add the item to the cart while logged out.
Please give this a try, if you have another product that doesn’t show the add to cart button please link to it so we can investigate.

Best regards,
Mike

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