Hi,

Please follow one of these solutions:

https://kriesi.at/support/topic/bug-jqueryjavascript-edit-avia/#post-409708

Make sure to purge any cache after editing the files.

Best regards,
Ismael

Hi!

Lastly, I had also mentioned that I as having a width adjustment happening in another section. Could I use the above code for making my mobile section more responsive but replace #instagram with #split (the name of my current container section I’m having issues with)?

Yes, that should work.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #split .container, .responsive #top #wrap_all #instagram .container {
    width: 100%;
    max-width: 100%;
}
}

Along with my question above, is this padding normal for when a row stacks sections into a single column? Thanks again.

The gap is the bottom margin of the columns. This code should eliminate that margin:

.responsive #top #wrap_all #split .flex_column {
    margin-bottom: 0;
}

Best regards,
Ismael

Hi,

Please try this:

#top .av-main-nav .sub-menu .sub-menu a .avia-bullet {
    display: none !important;
}

o

Best regards,
Ismael

Hi,

Targeting the focus state of main menu item should add an indicator when the user navigate with the keyboard. Example:

#top #header_main > .container .main_menu ul:first-child > li > a:focus {
    text-decoration: underline;
}

If you want to apply it on every link elements, use this:

a:focus {
    text-decoration: underline !important;
    color: red !important;
}

Best regards,
Ismael

Hey 1039 Online,

Looks like you have some CSS in Quick CSS which is causing that:

@media only screen and (max-width: 1290px)
#top #main .avia-section .template-page {
    padding-top: 40px !important;
}

Please try to remove it and the issue should go away.

Thanks,
Rikard

Hey pixopolis2222,

Ok, thanks for letting us know. I’ll close this topic.

Regards,
Rikard

Hi,

Great, glad you found the options. Let us know if you should need any further help on the topic.

Regards,
Rikard

Hi,

Great, glad you got it working :-)

Let us know if you should need any further help on the topic.

Regards,
Rikard

Hi,

Great, glad you got it working and thanks for sharing :-)

Let us know if you should have any further problems on the topic.

Best regards,
Rikard

Hi Simon,

If you delete the image in question under Media that page should stop to exist as well.

Thanks,
Rikard

Hi,

Are you redirecting this site? The sources like style sheets, images etc are coming from a site called “vibratoryhammer”. Do you have a robot.txt file?

This page may appear not mobile-friendly because the robots.txt file may block Googlebot from loading some of the page’s resources.

Regarding the “render-blocking JavaScript and CSS” issue, please read questions number 3, 4, 5 and 6: https://wordpress.org/plugins/autoptimize/faq/

Best regards,
Ismael

Hi,

Please check the “Highlight color” field in the General Styling > Footer panel. What is the color value set there? Or add this in the Quick CSS field:

.footer_color a, .footer_color .widget_first, .footer_color strong, .footer_color b, .footer_color b a, .footer_color strong a, .footer_color #js_sort_items a:hover, .footer_color #js_sort_items a.active_sort, .footer_color .av-sort-by-term a.active_sort, .footer_color .special_amp, .footer_color .taglist a.activeFilter, .footer_color #commentform .required, #top .footer_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .footer_color .blog-categories a, .html_elegant-blog #top .footer_color .blog-categories a:hover {
    color: #3fba8b;
}

Best regards,
Ismael

Hi,

Kriesi is still working on a fix for the google map issue and it will be included on next patch of the theme. For now, we managed to fix the google maps on a few sites by doing the following solutions in these threads:

https://kriesi.at/support/topic/content-element-google-maps/#post-656399
https://kriesi.at/support/topic/enfold-google-maps-widget-not-working/#post-657900
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/https://kriesi.at/support/topic/solution-to-google-maps-key-issues/

If the solutions did not fix the issues on your end, please create a new thread with the url to the site plus the WordPress and FTP login credentials. We’ll check the issue there.

Best regards,
Ismael

Hi,

The code provided above should only affect the “Projecten” sub menu items. Please try it again:

.html_header_left .av-main-nav #menu-item-653 ul {
    top: -220px;
}

Best regards,
Ismael

Hi,

Please use the code provided here: https://kriesi.at/support/topic/zwei-logos-im-header/#post-646085

Best regards,
Ismael