Hi,

I understand what you are trying to do, the shortcode cannot be used directly in footer.php file.

Please paste the html code of the menu (see private content) in the footer.php at the very top before the

<?php 

This will display the menu on top of the footer on all pages for you :)

Best regards,
Vinay

• This reply was modified 9 years, 2 months ago by Andy.

Hi,

Please enable custom css class name by placing a code snippet to your functions.php file as mentioned in this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Add custom class name to the textbox to avoid changing all the padding and margins sitewide.

In the below code change “avia_textblock” and “av_textblock_section” to the custom css class name.

.template-page.content  {
padding-top: 0 !important;
}
.main-title.entry-title {
	margin-bottom: 0 !important;
}
.avia_textblock p, .av_textblock_section {
	margin-top: 0 !important;
}

This should fix the gap :)

Best regards,
Vinay

Hi,

To make the code work on all of the pages on your site please remove the page-id-xx or the .home from the code.
Your code should look like :

#main {
    padding-top: 80px !important;
}

Best regards,
Vinay

@PRuuPH
Please open your very own ticket about this. Your request has nothing to do with the thread’s topic.

Best regards,
Andy

Hi,

you need to work with media queries. So wrap them around the code I’ve provided to you, something like this for example:

@media only screen and (max-width: 1024px) { 
.html_header_top.html_logo_center .logo {
top: -10px;
left: -4px;
height: 77px;
}}

Adjust media queries and values like top, left, height as needed. Refer to this for more information: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Andy

Hi,

Try to add this css code in Quick CSS (located in Enfold > General Styling):

#header .widget {
    position: static;
    padding: 0;
    transform: translate(0,0);
    width: 250px;
    margin: 0 auto;
}

As for the video slider, what isn’t working? is it autoplay?

Best regards,
Nikko

Hey justmind,

Can you try to upload images with atleast 400px in width and height for team members? this would make it look better for both desktop and mobile, if you can’t produce the image size I have mentioned and desktop is okay, you can try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  img.avia_image.avia_image_team {
    width: 100%;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

The code I gave should affect only the testimonial author’s name and make it centered, you can undo what I did and check if it fixes the responsiveness in other pages. I remembered making the 3 icon boxes with equal sizes, that code affected the homepage icon boxes responsiveness and it’s fixed I have enclosed it in:

@media only screen and (min-width: 768px) {

}

so it should only work on tablet and desktop versions.

The iframe is fixed, I added this code:

  .fb-page.fb_iframe_widget,
  .fb-page.fb_iframe_widget span {
    position: static !important;
    width: 100% !important;
  }

  iframe {
    width: 100% !important;
  }

inside this media query:

@media only screen and (max-width: 767px) {
}

As for the video, I couldn’t see any issue, can you post a screenshot?

Best regards,
Nikko

Hi,

No luck yet, however I found out this error on the console:

Failed to decode downloaded font: http://yourwebsite.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3
(index):1 OTS parsing error: incorrect file size in WOFF header

Have you updated the theme via ftp? you have similar issue in this post: https://css-tricks.com/forums/topic/custom-fonts-returns-failed-to-decode-downloaded-font/#post-238852 can you try the solution posted there?

Best regards,
Nikko