Hi,
Thank you for the FTP access, I renamed your current theme to “enfold-old” then I uploaded the new “enfold” and checked that your site is working correctly. Please also check for yourself.
But I was not sure were to see the error on your site, so please check and let us know.

Once you are happy you, (or I) can delete the “enfold-old” via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.

Best regards,
Mike

Hi,
Glad we could help, I assume we can close this now, but I like to ask. Shall we close this then?

Best regards,
Mike

Hey Lars,
Thank you for the login, your buttons are being covered with the padding from the diagonal border.
Please see the overlap in the screenshot in Private Content area.
To correct Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-2069 #av_section_1.avia-section.av-minimum-height .container {
    z-index: 9 !important; 
}

Best regards,
Mike

Hey Anj27,
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: 766px) { 
h1.main-title.entry-title {
margin-bottom: 14px !important; 
}
}

Best regards,
Mike

Hey Suze,
When you say “transparent” do you mean that you want it white or have the background image?

This css gives it the background image:

#top.page-id-198 #av_section_1 > div > div > div > div > div:nth-child(2) > table > tbody > tr.avia-heading-row > th.avia-desc-col {
background-color: transparent !important;
background: url(//wordpress-82076-502599.cloudwaysapps.com/wp-content/uploads/2018/05/white_carbon.png) center center repeat scroll;
}

Best regards,
Mike

Hey Oliver,
Sorry for the late reply, I took a looked at your page, and the section “Companies I have worked with”
If you want them smaller, you could try this:

@media only screen and (min-width: 767px) { 
.avia-logo-element-container .slide-entry.slide-entry-overview img {
    width: 100px !important; 
    margin-top: 50px !important; 
}
}

But I’m not sure if you want them bigger or smaller.

Best regards,
Mike

Hi,
Please try adding your second column below the image and add the custom class “float-right” to it by going to Enfold Theme Options > Layout Builder > Show element options for developers.

Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.float-right {
    float: right !important; 
    margin-top: -500px !important; 
}

Please adjust to suit.
Expected results:

Best regards,
Mike

Hi,
I was able to load and login to your site today, thanks.
I see that you are having a few javascript errors, can you include your ftp access in the Private Content area so I can upload the theme again?

Best regards,
Mike

Hi,
It looks like we are going to have to target iOS only, I know that you can target iPhone with this:

/*iPhone only - ios*/
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

But your also looking to control Mac’s which don’t have a touch screen.
This post says you can target iOS only with

-webkit-overflow-scrolling

Perhaps we should try to control it with javascript, such as this post.
Well please let us know how your testing goes tonight.

Best regards,
Mike

Hi,
I know that you are not using a pdf link shortener, but I wondered if the error would still happen if you did use one, since this seems to only be happening to pdf links, just a thought.
Thank you for the FTP access, I renamed your current theme to “enfold-old” then I uploaded the new “enfold” and checked that your site is working correctly. Please also check for yourself.
Once you are happy you, (or I) can delete the “enfold-old” via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.

It seems that I can add the pdf link and it saves, and it works on the front end now, please check for yourself.

Best regards,
Mike

Hi,
Thank you, we will leave this open.

Best regards,
Mike

Hi,
For mobile you will not want the css to work, so I moved the code to your Quick CSS and added the rule so it won’t change your mobile layout:

@media only screen and (min-width: 766px) { 
#top.page-id-597 .grid-sort-container {
    margin-left: 11% !important; 
}
}

I also added the page to the css so it will only work on the one page and not interfere with other pages.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, I was able to see your site now, it looks like your transparency is working, but your page has padding at the top with is pushing down the background image and then showing the page background color, which is black. This is the css doing it:

.responsive #top #main {
    padding-top: 131px !important;
}

since it has !important; in it I would say this is in your custom css, please try finding it a removing it.

Best regards,
Mike

Hi,
Did you try clearing the cache on your iPhone?

Best regards,
Mike

Hey bobfurgo,
Please look in your custom css for your button’s color, it has the !important; on it so it’s hard to overwrite.
Try to comment out only the color and background, like this:

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    /*color: #0077ff !important;*/
   /* background: white !important;*/
     border-color: white !important;
     margin-left: -15px !important;
}

Then try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_button_color_scroll(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll >= 80) {
          $(".responsive #top #wrap_all #header.header_color .menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#0077ff', 'color': '#fff'});
          $("#top #wrap_all #header.header_color #menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#0077ff', 'color': '#fff'});
      } else {
          $(".responsive #top #wrap_all #header.header_color .menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#0077ff', 'color': '#fff'});
          $("#top #wrap_all #header.header_color #menu-item-109.av-menu-button-colored a span.avia-menu-text").css({ 'background': '#fff', 'color': '#0077ff'});
      }
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_button_color_scroll');

Then clear your browser cache. If this doesn’t work then please include admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike