Hi,

The side images doesn’t shrink. Actually, the code increased the size of the one_half column then decrease the left margin, so technically the red shoes is much bigger.

.page-id-1668 .av_one_half {

margin-left: 0.0001%;

margin-right: -3%;

width: 50%;

}

This code decrease the left margin of one_fourth column, I will add the code to make them bigger.

.page-id-1668 .av_one_fourth {

margin-left: 3%;

width: 23.5%;

}

This code makes sure that the first column has no left margin

.page-id-1668 .av_one_fourth.first {

margin-left: 0;

}

This code to decrease the top padding

.page-id-1668 .template-page.content.twelve.alpha.units {

padding-top: 10px;

}

Regards,

Ismael

Hi,

Do you have WordPress 3.5 or higher? Enfold theme will not work properly on older versions of wp.

Please increase the wordpress memory limit.

http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/

You can also set the Avia Builder to debug mode. Edit functions.php, find this code on line 16

if(isset($avia_config['use_child_theme_functions_only'])) return;

Add the debug code below.

//set builder mode to debug

add_action('avia_builder_mode', "builder_set_debug");

function builder_set_debug()

{

return "debug";

}

You will see the actual shortcode below the Avia Builder.

If you still can’t see the Avia Builder when editing a page, look for Screen Options (top right corner), check the Avia Builder.

Watch these videos: https://vimeo.com/channels/aviathemes

Regards,

Ismael

Hi,

@marjan2k: https://kriesi.at/support/topic/header-menu-intersecting-with-logo?replies=3#post-118650

Regards,

Ismael

Hi,

@juganrising: Thanks for the help. :)

@marjan2k: You can follow the links to fix the issue.

You can also add this on your custom.css or Quick CSS to fix the ovarlapping menu issue.

/*

Desktop Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */



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

.responsive .main_menu ul:first-child > li > a {

padding: 0 6px;

font-size: 12px;

}

}

Regards,

Ismael

Hi,

Please add this on your custom.css

.responsive #header_main_alternate .mobileMenu {

margin: 16px auto;

}



.responsive #top .mobileMenu {

width: auto;

padding: 10px 4px;

}

Regards,

Ismael

Hi,

Please add this on your custom.css or Quick CSS

.fixed_header.social_header #main {

padding-top: 90px;

}



.template-page.content.twelve.alpha.units {

padding-top: 0;

}

Regards,

Ismael

Hi,

Please visit this link:

https://kriesi.at/support/topic/custom-widget-areas-not-working-after-upgrade-to-15

Follow Dude’s instruction. It might fix the issue. Sometimes widget settings get stuck for no apparent reason.

Regards,

Ismael

Hi,

Try this on your custom.css or Quick CSS

.page-id-1668 .av_one_half {

margin-left: 3%;

width: 50%;

}



.page-id-1668 .av_one_fourth {

margin-left: 3%;

}



.page-id-1668 .av_one_fourth.first {

margin-left: 0;

}



.page-id-1668 .template-page.content.twelve.alpha.units {

padding-top: 20px;

}

.page-id-1668 is the unique id of the link you us. You can remove it if you want to apply the style throughout the site.

Regards,

Ismael

Hi,

Open header.php then find this code on line 104

$phone = avia_get_option('phone');

$phone_class = !empty($nav) ? "with_nav" : "";

if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";

Cut it then place it below this code on line 135

echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

Then add this on your custom.css or Quick CSS

.social_header .phone-info {

float: right;

margin-top: 40px;

margin-right: 120px;

}



#header_meta {

display: none;

}

Regards,

Ismael

Hi.

2.) Your site is on maintenance mode, we would like to check the footer area.

3.) To change the menu font size and style, use this on your custom.css

.main_menu ul:first-child > li > a {

text-decoration: none;

font-weight: normal;

font-size: 20px;

}

For the color, you can use this:

.header_color .main_menu ul:first-child > li > a {

color: red;

}

Hover state color, use this

.header_color .main_menu ul:first-child > li a:hover {

color: blue;

}

4.) To change the excerpt, edit the post, look for Screen Options (top right corner) and check the Excerpt option. You can place the excerpt manually. You can also use the <!–more–> tag. http://en.support.wordpress.com/splitting-content/more-tag/

Regards,

Ismael

Hi,

I don’t see the gradient effect on your header.

I think you already fix the logo alignment. It looks horizontally aligned to me.

To increase the padding, add this on your custom.css

#after_layer_slider_1 {

margin-top: 50px;

border-top: none;

}

Regards,

Ismael

Hi,

I check it further and I can see the gap on the main div. Add this on your custom.css

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

/* Add your Mobile Styles here */

#main {

margin-top: 0;

}

}

Regards,

Ismael