Hi,
Have you tried adding a class to your image tag?

<img src="images/happyface.jpg" height="45" width="55" alt="happy" class="megaimg">

Then use the display none rule

@media only screen and (max-width: 767px) {
img.megaimg {display:none;}
}

Best regards,
Mike

Hi,
If I understand correctly, you would like the button to cover the white area.

.page-id-10 .avia-slideshow-button.avia-button.avia-color-blue  {
width: 455px;
height: padding: 10px !important;
font-size: 24px !important;
background-color: #4261f5 !important;
border-radius: 25px !important;
text-decoration: none;
top: -56px!important; 
left: 45px!important; 

} 

please see screenshot in Private Content area

Best regards,
Mike

Hey larineka,
This is odd, the one you like is the default layout for Enfold 2017 demo, and I couldn’t recreate the one you don’t like with it. I was going to say that you may have using the advanced layout builder for the product, but that don’t seem to be the case.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hey Rhodo,
Please see this post: https://kriesi.at/support/topic/menu-anchors-scroll-to-section-offset/#post-520734

Best regards,
Mike

Hey catchbudapest,
Sorry, that solution is not working. I tested on a clean install, along with several other suggestions. Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

Best regards,
Mike

Hi,
I had researched this issue in the past, it is a error in the way the rules are written by WordPress and happens with most themes. It has been responsible for sites being listed on Google with dozens of bad pages. At the time it was thought the next WordPress update would fix it, but apparently not. The best solution is to add this code in your .htaccess file:

RedirectMatch permanent /([a-z0-9\-]+\/)[0-9\/]+ /$1

Best regards,
Mike

Hi,
Let us know how it works for you & if we can be of any other assistance.

Best regards,
Mike

Hi,
Somehow the arrows in your snippet changed to >
I fixed it, please check again.

Best regards,
Mike

Hi,
Sorry, that is our Advanced Layout Builder built into Enfold.

Best regards,
Mike

Hi,
Try:

.responsive #top #header .av-main-nav > li > a:hover {
    color: #8dc63f!important; 
}

Best regards,
Mike

Hi,
I stand corrected, well done :)
Thank you for sharing your solution, shall we close this then?

Best regards,
Mike

Hi,
The image hotspot is different on mobile device because of the following reasons:

1.) Mobile devices don’t support hover state so it’s not going to work as it should.
2.) There is not enough space to accommodate the tool tip especially when you use long text.
3.) There no on click script currently availability.
Forcing it to display on mobile devices will either break the shortcode or it will just look crappy. You can try this in the Quick CSS field

@media only screen and (max-width: 767px) {
.responsive .av-mobile-fallback-active.avia-tooltip {
    visibility: visible!important; 
}
.av-hotspot-fallback-tooltip { display: none !important; }
}

Best regards,
Mike

Hi,
I see your flags are showing in your burger menu, and your main menu is disabled.
The option is to put the language items in the secondary menu and set the secondary menu to the top of the page, which I did.
But it is not showing as it should. Also your theme options don’t show the “Menu Items for mobile” option and I see no css to set your burger menu to always on. So there is a conflict somewhere.
Did you make changes to the parent theme? Perhaps try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
Otherwise I would recommend re-uploading the parent theme to correct any broken files.

Best regards,
Mike

Hi,
I added this code in the General Styling > Quick CSS field:

li#menu-item-56 a:after,li#menu-item-55 a:after,li#menu-item-57 a:after,li#menu-item-58 a:after {
    content: ' ';
}

Add it seems to be working, please check.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top #header.header_color.av_header_transparency .av-main-nav>li.current-menu-item >a .avia-menu-text {color: red !important;}
#top .header_color.av_header_transparency .avia-menu-fx {background: red !important; 

Best regards,
Mike