Hey kennethhuang,

If you use the html character ” > ” It will break the html tag instead please use the Ascii value.

http://www.theasciicode.com.ar/ascii-printable-characters/capital-letter-a-uppercase-ascii-code-65.html

Best regards,
Vinay

Hey Corina,

You can upload the video to youtube and link it from there that will encode video properly and save you a lot of bandwidth as well or have it hosted on your own server.

In pixels the minimum it should be 1280px x 720px and max 1920 x 1080 px.

You can add any youtube video as background video and give it a try :)

Let us know if you have more questions.

Best regards,
Vinay

Hey blaircomm,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width:992px) {
.ls-slide.ls-slide-1 {
   margin-top: 87.99474px!important;	
}
.container.av-logo-container {
	height: 210px !important;
}}

Best regards,
Vinay

Hey classywebsites,

The line is part of this image in private content. Crop the image on top 2px it should go away.

To remove the space on top Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.page-id-10793 main {
	padding-top:0!important;
}

Best regards,
Vinay

Hey Wisith,

Please use a colorsection and insert the image inside it.

To reduce the width of the sidebar go to Enfold > General Layout > Sidebar Ratio and define the ration you like here.

Let us know if you have more questions.

Best regards,
Vinay

Hey DiegoVargasFEX,

I tried to login to the wp-admin with the default url however it gives a 404 error would you mind providing a precise link to login to the wp admin of your site so we can investigate this issue :)

Best regards,
Vinay

Hey jimbatchelder,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.responsive #header .container {
width: 100% !important;
    max-width: 100%!important;
}

.avia-menu li:nth-child(1) {
	position:absolute;
	left:0;
}
.avia-menu li:nth-child(2) {
	position:absolute;
	left:100px;
}
.avia-menu li:nth-child(3) {
	position:absolute;
	left:200px;
}

.avia-menu li:nth-child(5) {
	position:absolute;
	right:300px;
}
.avia-menu li:nth-child(6) {
	position:absolute;
	right:180px;
}
.avia-menu li:nth-child(7) {
	position:absolute;
	right:0px;
}

If the above fails to work use the !important rule on the position property like I have used it for the width.

Best regards,
Vinay

Hi,

We added the header widget area however it is not visible because the widgets are not saving the changes.
A plugin conflict may be one of the reason for this issue.
To find which plugin is causing the conflict please follow these steps:

1. Go to your plugins page > Deactivate all active Plugins
2. Update WordPress and Enfold to latest version if you have not.
3. Make sure all the plugins are updated.
4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

We await the results of your plugin compatibility test.

Thanks for your cooperation :)

Best regards,
Vinay

Hi,

Thank you for sharing the screenshots. The site looked good on my end after removing the conflicting CSS and adding the new code. The conflicting CSS on your browser was cached and hence you were not able to see the changes properly. If you haven’t changed anything please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

If you changed the code please revert the changes and get back to us if you have any questions.

Best regards,
Vinay

Hi,

Please review your site now.  It took us a lot of time but we are happy to help you :)

We add the below css in Quick css

/* Responsive Header */

.main_menu {
transform:translateX(-280px);
}
#header .avia-button-left {
position: absolute;
top: 54px;
right: 150px;
}
#text-14.widget{
width:100%;
max-width:1310px;
}

.seal {
position:relative;
float:right;
right:0px;
top:-10px;
}
.phone-number {
position:absolute;
z-index:999999!important;
top:68px;
right:610px;
}
@media only screen and (max-width: 1180px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
.seal {
right:90px;
}
#header .avia-button-left {
right: 240px;
}
.phone-number {
right:380px;
}}

@media only screen and (max-width: 930px) {
.responsive .logo img {
height: 80px!important;
margin-top:30px;
}
}

@media only screen and (max-width: 768px) {
#header .avia-button-left {
right: auto!important;
left:200px;
}
.phone-number {
left:0px;
right:auto;
}
.seal {
right:auto!important;
left: 190px;
float: left;
}
}

@media only screen and (max-width: 480px) {
.responsive .logo img,
#header .avia-button-left ,
.seal {
position:relative!important;
right:auto!important;
left:50%;
transform:translateX(-50%);
}
.phone-number {
position:absolute!important;
top: 160px;
right:auto;
left: 50%;
transform: translateX(-50%);
}
#header .avia-button-left { top:0}
}

And the below css was conflicting with the responsive nature so we removed the below from styles.css

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

#header .widget {
transform: none!important;
}
}
#header .widget {
padding-top: 0;
position: absolute;
left:80%;
top: 23px;
z-index: 999;
}
@media only screen and (max-width: 749px) {
#header .widget {
position: relative;
padding-bottom: 0;
top: 0px;
left: 80%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header .widget {
position: relative;
padding-bottom: 0;
top: 0px;
left: 80%;
}
}

/* == HIDE MENU ITEMS ON DESKTOP/MOBILE == */

@media only screen and (max-width: 1099px) {
.hide-on-mobile { display: none !important; }
}
@media only screen and (min-width: 1099px) {
.hide-on-desktop { display: none !important;
}}

/*0000000000*/

/* == CHANGE FONT & COLOR IN MAGAZINE ELEMENT must stay in quick css == */
.av-magazine .av-magazine-content-wrap .av-magazine-title {
font-size: 22px;
color: #305a91;
}
.av-magazine-title:hover {
color: #80a7d8 !important;
}

/* == MAKE GREEN BOXES WHOLE IN MOBILE must stay in quick css == */
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: 0px;
}
}

/* Fix footer for mobile */
@media only screen and (max-width: 670px) {
.footer_color {
background-size: cover;
}
#footer #text-11 {
top: -50px;
}}
@media only screen and (max-width: 670px) {
#footer #text-10 {
top: 30px;
}}

/* == Fix spacing in icon list for small icons == */
.av-iconlist-small li {
margin-bottom: 5px;
}

/* mobile menu extend to larger screens */

/*
@media only screen and (max-width: 1099px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

@media only screen and (max-width: 749px) {
#header .avia-button-left {
transform: none!important;
}
}
@media only screen and (max-width: 749px) {
#header .#text-12 {
transform: none!important;
}
} */

@media only screen and (max-width: 749px) {
#header_meta {
margin-top: -30px;
}
.logo img {
margin: auto!important;
}
.logo {
width: 100%!important;
}
#widget_sp_image-2 img{
transform:translate(50%, 20px);
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header_meta {
margin-top: -30px;
}
.logo img {
margin: auto!important;
}
.logo {
width: 100%!important;
}
#widget_sp_image-2 img {
transform:translate(50%, 20px);
}
}

/* Mobile Menu Up Minimum Screen Size */
@media only screen and (max-width: 1199px) {
nav.main_menu {
display:none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
}

/* Mobile Menu Positioning */
#advanced_menu_toggle {
right: -25px;
top: 30px;
}

/* Move Client Login button in header */
#header .avia-button-left {
position: relative;
top: -38px;
left: 80%;
}
@media only screen and (max-width: 749px) {
#header .avia-button-left {
position: relative;
padding-bottom: 0;
top: -40px;
left: 33%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header .avia-button-left {
position: relative;
padding-bottom: 0;
padding-top: 0;
top: -120px;
left: 76%;
}
}

/* move phone number widget */
#header #text-12 {
position: relative;
top: 112px;
left: 18%;
}
@media only screen and (max-width: 749px) {
#header #text-12 {
position: relative;
padding-bottom: 0;
top: -20px;
left: 23%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1099px) {
#header #text-12 {
position: relative;
padding-bottom: 0;
padding-top: 0;
top: -100px;
left: 66%;
}
}

Best regards,
Vinay

Hi,

We are working on your ticket, please wait while we update the results. 

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.avia-testimonial-image img {
max-height: 80px;
} 

Best regards,
Vinay

Hi,

Thank you for your cooperation. Please feel free to reach out to us if you need further help.

Best regards,
Vinay

Hi,

The box was added to give a visual reference however you can simply remove ” background:#333;” in the above code and it should remove the grey box.

The width and height of the logo should be the same for them to appear same size. Please open up a new document in photoshop and drag and drop all the logos into it and re-save them so they all have same height and same width. Once you replace these files the logos will be of the same size.

Best regards,
Vinay

Hi,

Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if you like to get started and try your hands on please use the below code as a starting point and add the hover state to style as per your requirement.

#top .av-product-class-minimal-overlay .inner_product_header_cell {
    vertical-align: top;
    display: table-cell;
    transform: translateY(110%);
}

.inner_product_header_cell div p {
	display: none !important;
}
.entry-content-wrapper ul.products li{
	margin-bottom:80px;
}

If you need any help in the process please feel free to let us know.

Best regards,
Vinay