Image oddities

Hey jkos,
Thanks for the link to your site, the issues you are experiencing are because you are using the Horizontal Gallery Slider to show your logo and QR image, this slider is designed to advance on the first click and once the image has the active class then the next click will open the link.
This element is not a good choice for what you are trying to do, for as you see on mobile it will show one image and slide to show the next image.
Try using a grid element with two 1/2 columns and placing an image element in each section with a link.

Best regards,
Mike

Hi,
You can disable the linked image overlay at: Enfold theme options > Advanced Styling > Linked Image Overlay

You can remove the Titles on mouse-over by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_remove_title_script() { 
?>
    <script>
(function($){
    $("*").hover(function(){
      $(this).removeAttr("title");
    });  
  })(jQuery);
  </script>
    <?php
}
add_action('wp_footer', 'custom_remove_title_script');

Best regards,
Mike

Hi,
For the advanced style you would need to use the dropdown Select an element to customize to see the options:

for the four links try this css:

#top #main .main_color .avia_textblock p a:hover {
	color: #0839cc;
}

For your portfolio page mobile, up to 767px, try this css:

@media only screen and (max-width: 767px) { 
#top.postid-619 #av-layout-grid-1 .flex_cell.avia-builder-el-last {
	display: none;
}
#top.postid-619 #av-layout-grid-1 .flex_cell {
	padding: 0;
}
}

for the same page, 768px to 1440px, try adding this css:

@media only screen and (min-width: 768px) and (max-width: 1440px) { 
#top.postid-619 #header {
	display: none;
}
.html_header_left #top.postid-619 #main {
    margin-left: 0;
}
#top.postid-619 #av-layout-grid-1 .flex_cell.avia-builder-el-last {
	display: none;
}
.html_header_sidebar.html_content_align_left #top.postid-619 .container {
    float: none;
}
}

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

Best regards,
Mike

Hi,
Glad this helped, the third section is for tablets 768px to 1440px, it was just some minor adjustment I noticed when I was testing your site, if it looks good to you then it’s working :)
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike