Hi,

Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hi,

Thank you for the kind words :)

To align the buttons to the bottom please try this code in the Quick CSS section under Enfold > General Styling :

.home #av_section_2 .entry-content-wrapper .iconbox_content {
    padding-bottom: 30px!important;
}
.home #av_section_2 .entry-content-wrapper .iconbox_content .avia-button-center {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%; 
	width:90%;
}

Best regards,
Vinay

Hey Jameel,

I checked your site and all the pages except the one in private looks a little different to me because of the extra space below the header image.

This might be due to the margin added to the Color Section. Please try changing the “Section Padding” to “No padding” in the Color Section options.

If the issues persist please share a screenshot of the issue (You can upload the image to http://www.imgur.com and share the link here.) and a precise link where we can inspect the element.

Best regards,
Vinay

Hi,

Svg is not supported by default so we have to use a plugin that extend this functionality. Do not worry this is a recommended method to add your svg logo.

After adding the logo please add the below code in Enfold > General Styling > Quick CSS

NOTE: Adjust the width value to match your design.

.logo a {
width:150px;
}

Best regards,
Vinay

Hi,

1. To push the header content away from margin we added the below code to Quick CSS

/* Header Padding */
#top #header_main > .container {
	padding:0 2em;
}

2. Please check the test page (link in private).

We added a fullscreen slider element with custom class name and negative top margin.
And the below code in quick css

/* Intro section */
.home-slider {
  margin-top:-55px;
}
#top.page-id-1117 .av-submenu-container {
    margin-top: -54px;
    border: none!important;
background:transparent!important;
    }
/* End Intro Section */

3. The background image is not tall enough please change the background image settings to Repeat Vertically or Cover.

Best regards,
Vinay

Hey Paul,

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: 989px) and (min-width: 768px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 142px!important;
}
.container.av-logo-container {
	max-height: 90px !important;
}}

If you do not notice any changes after adding the code please disable any caching plugin and hard refresh the browser page a few times to clear the cache.

Best regards,
Vinay

Hey wisenlucky,

It appears you figured to put the buttons on the same line

To change the menu button color in mobile devices Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top a#advanced_menu_toggle:before {
    color: #000!important;
}

Best regards,
Vinay

Hey isasmar,

1. If you like to set the page background color please use the color section and put all your content inside it. To highlight random words it will take a lot of customisation and time hence it is out of our support scope please hire a freelancer to do this job.

2. To highlight different menu items in different color please use the below code in Quick CSS section.

Note: nth-child(X) in the below code is for the first menu please duplicate the below code and change the value of color and nth-child(X) to nth-child(2) for seconf menu item, nth-child(3) for 3rd menu item and so on.

.avia-menu .menu-item:nth-child(1) > a{
	color:#FFF!important;
	background: red!important;
}
.avia-menu .menu-item:nth-child(1) > a:hover {
	color:#000!important;
	background: gold!important;
}

#mobile-advanced li:nth-child(1) > a {
	color:#FFF!important;
	background: red!important;
}
#mobile-advanced li:nth-child(1) > a:hover {
	color:#000!important;
	background: gold!important;
}

3. To add text over a diagram please use the colorsection with the round background image and add your text inside it :)

Best regards,
Vinay

Hi,

I checked your site on my Android mobile and the portfolio works fine. Please see attached screenshot. If yous till have any issue please clear the browser cache by pressing refresh a few times and check again it should work fine for you.

Best regards,
Vinay

Hey tuphoff,

1. I checked your site header on my Android phone please check the screenshot. If this is not what you see on your phone please let us know which device and browser you are using and share a screenshot of the issue. You can upload the screenshot to imgur.com and share the link here.

2. To add padding and set the width of the container -Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#main > .container_wrap_first > .container .template-page {
   padding-right: 30px!important;
   position: relative;
   max-width: 70vw;
   left: 50%;
   transform: translateX(-50%);
}

3. Could you please elaborate the issue.

Request you to open new tickets in future for different issues so we can provide you with faster and streamline solution :)

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:

#top.page-id-570 label {
    text-align: right;
}

Best regards,
Vinay

Hi,

Unfortunately it would require quite some time and customization to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Vinay

Hi,

Thank you for reaching out to us.

I had a look at both the sites and the only difference that i could notice are the icons on the development site appears as boxes.

To fix this issue please check this link http://kriesi.at/documentation/enfold/enable-cors/

If you have any other issues please share the precise link, we are happy to help :)

Best regards,
Vinay

• This reply was modified 9 years, 1 month ago by Vinay.

Hey ReubenTimely,

Thank you for the kind words, we are happy to receive your message.

Thank you for using Enfold :)

Best regards,
Vinay

• This reply was modified 9 years, 1 month ago by Vinay.

Hi,

That’s a nice suggestion by @Guenni007 to add a svg logo

1. If you have a image logo first convert it to svg file by searching for a “Online svg converter”.
2. Install a svg support wordpress plugin https://wordpress.org/plugins/svg-support/
3. Upload the new svg logo file.

Let us know if you have any questions :)

Best regards,
Vinay