Hey D5WDesignGroup!

Please add following code to Quick CSS and adjust as needed
1-

#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title { color: red; font-size: 16px; font-weight: bold; }

2-

#mobile-advanced { background-color: red; }

3-

#mobile-advanced { padding: 0; margin-top: 110px; }

Cheers!
Yigit

Hey JaredBurnett!

1- It is there on my end – http://i.imgur.com/eBLnrLC.png
Have you fixed it already?
2- Please add folllowing code to Quick CSS

@media only screen and (max-width: 768px) {
#top .social_bookmarks li a { color: #999 !important; }
.responsive #header .social_bookmarks {
top: -60px;
}}

Cheers!
Yigit

Hi markv5!

You can use a child theme. For more information, please see – http://kriesi.at/documentation/enfold/using-a-child-theme/

Cheers!
Yigit

Hi!

1-Following code should fix it

@media only screen and (max-width: 990px) and (min-width: 768px) {
#socket .copyright { margin-left: 15%; }
#socket .sub_menu_socket {
margin-right: 15%; }}

2- The code i posted above to fix your second issue.
3- Please refer to Josue’s post here – https://kriesi.at/support/topic/move-featured-image-below-post-title-date-etc/#post-185070

Justin, i went beyond the scope of support we provide and assist you with social icons on socket section and wanted to finish what i started but it has been more than 40 posts back and forth. I am unfortunately going to need to ask you to hire a freelance developer for further customizations.

Best regards,
Yigit

Hey David!

Please add following code to Quick CSS in Enfold theme options

.avia-blank #main {
padding-top: 0!important;
}

Cheers!
Yigit

Hey!

Please find following code

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

and remove left value, then add following code

@media only screen and (max-width: 768px) {
.html_header_top.html_logo_center .logo { webkit-transform: none !important;
-moz-transform: none !important; 
-ms-transform: none !important;
transform: none !important; }}

Cheers!
Yigit

Hi!

Answered you here – https://kriesi.at/support/topic/create-rollover-image-effect-not-just-opacity-change-in-layer-slider/#post-253210

Regards,
Yigit

Hi ciptanegara!

Please add following code to Quick CSS as well

#top .social_bookmarks { float: right; }

Regards,
Yigit

Hey!

Thank you for the update.

Is this still an issue on your installation? From what I understand, when I checked the website, the text above the slider are responsive. I don’t see the issue described when I resize the browser. What you did with the images with the white space above is not conventional for responsive websites but surprisingly it works. I’m not sure how you did it but I’ll suggest that you remove the white gap above the image then add the background image as another layer. Add another layer on top of it with the text block. Just a suggestion but I think it will be more responsive.

Best regards,
Ismael

Hi!

Thank you for the update.

Actually it is not the padding of the content slider, it is the padding of the whole content container. Looks like you managed to reduce the content padding but to make the css more specific to that page, please use this:

.page-id-3401 main.template-page.content.twelve.alpha.units {
padding-bottom: 10px;
padding-top: 10px;
}

Regards,
Ismael

Hi!

Thank you for the link.

I’m not sure why this is happening but this should fix it. Add this on Quick CSS or custom.css:

#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap {
-webkit-transform-style: flat;
}

I hope it works. I’ll forward this to Kriesi so that he can explain this further.

Best regards,
Ismael