Hey!

Please use this to fix the logo:

@media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo img {
margin: 0;
width: 80%;
}

.responsive .mobile_slide_out .logo {
position: relative;
top: 20px;
left: 0;
}
}

Cheers!
Ismael

Hey!

I’m sorry if I upset you with my response. I just can’t reproduce the issue no my end and I don’t find any clue on the support forum when I search over for the same topic. I’m really not sure what is the causing the issue but I’ll ask Dude to check this out.

Thank you for understanding.

Cheers!
Ismael

Hi!

Thank you for the update.

I still can’t see the error but like I said the layer slider loads slower which is probably normal because the homepage includes a whole lot of images from top to bottom. There are certain things that you can do to improve the page speed in your case. First of, please go to wp-content/plugins folder then delete unnecessary plugin folders that you’re not using. On the layer slider, instead of using the 3D transitions, use 2D effects which is lighter. Do the following steps to improve the page loading speed courtesy of the wordpress community:

1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets.
5. Install WP-Super cache, select all recommended settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.

I hope that helps.

Best regards,
Ismael

Hi!

In addition to this topic, I insist to paste the debug function below the code that I mentioned above because sometimes it doesn’t work when I put it at the very bottom of functions.php which is weird. Glad it is working now. I hope it helps with your problem.

I forgot to give you a link on the documentation which is way more comprehensive and with much more details. Noted. :)

Cheers!
Ismael

Hi!

Glad that you fixed the header.

Please use this on Quick CSS or custom.css to fix the input fields:

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
min-width: 100% !important;
}

Cheers!
Ismael

Hey!

Thank you for using the theme Guys!

Please use this to change the style of the sub menu.

#top .av-main-nav ul a {
width: 100%;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding: 8px 15px;
font-size: 15px;
min-height: 23px;
max-width: none;
text-decoration: none;
}

I hope that helps.

Cheers!
Ismael

Hey!

It is weird that the right arrow position is incorrect. Please add this on Quick CSS or custom.css to reposition the next arrow:

#top .avia-layerslider .ls-nav-next {
right: 180px;
}

Regards,
Ismael