Hi,

Ohh, I thought that was the design, lol.

Ok in that case:

1) replace the button code you are using with this (i trimmed some of the fat off it, and lot more can go i think, but ok for now):

.menu #menu-item-2193 a {

-webkit-backface-visibility:hidden;

-webkit-perspective:1000px;

background:#a1ce5e url(https://d7uu0v95k7d3j.cloudfront.net/wp-content/themes/enfold/images/layout/bg-button.png?6c6f23) repeat-x;

border-bottom:1px solid #a1ce5e;

border-bottom-left-radius:3px;

border-bottom-right-radius:3px;

border-image-outset:0;

border-image-repeat:stretch;

border-image-slice:100%;

border-image-source:none;

border-image-width:1;

border-left:1px solid #a1ce5e;

border-right:1px solid #a1ce5e;

border-top:1px solid #a1ce5e;

border-top-left-radius:3px;

border-top-right-radius:3px;

color:rgba(0,0,0,0.5);

cursor:auto;

font:normal normal 600 14px 12px 'Open Sans',HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;

height:30px !important;

line-height: 19px !important;

margin-left:0;

margin-right:0;

min-width:90px;

outline:rgba(0,0,0,0.5) none 0;

padding:5px 16px 10px;

text-align:center;

text-decoration:none;

text-shadow:rgba(255,255,255,0.09) 0 1px 0;

top:-10px;

vertical-align:text-top;

zoom: 1

}

2) open up /js/avia.js and find block of code between lines 809-846 and replace it with this one below, they should look nearly identical but for 3 lines:

function avia_header_size()

{

var win	            = $(window),

header          = $('.fixed_header #header'),

logo			= header.find('.logo img'),

elements        = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),

element_button	= $('.menu #menu-item-2193 a'),

el_height       = $(elements).filter(':first').height(),

isMobile        = 'ontouchstart' in document.documentElement,

scroll_top		= $('#scroll-top-link'),

set_height      = function()

{

var st = win.scrollTop(), newH = 0, newTopMargin =0;



if(st < el_height/2)

{

newH = el_height - st;

//header.removeClass('shadow');

newTopMargin = 52;

}

else

{

newH = el_height/2;

newTopMargin = 23;

//header.addClass('shadow');

}



elements.css({height: newH + 'px', lineHeight: newH + 'px'});

element_button.css({'margin-top': newTopMargin  + 'px'});

}



if(!header.length) return false;



if(isMobile)

{

return false;

}



win.scroll(set_height);

set_height();

}

Ok now if you ever change the menu, when you go to a live server, you need to remember to edit line 815 which has the menu-id hardcoded in there (#menu-item-2193) and to change it, as well as change it in the css, since any new website will obviously have new ID numbers.

Check you quick css, you have a block of css commented out, dont know if accidently or on purpose starting with this block below the button code –> /*blockquote {

Thanks,

Nick

Done, and I’ll close the topic.

Regards,

Devin

HI,

@comlor We need a url at this point since it would turn into a frustrating guessing game otherwise.

@vitaliss

Here is the css to pull up the text into the button

.menu #menu-item-2193 a {

top: -40px;

position: relative;

}

Thanks,

Nick

Requested in another topic:

“

A search field that appears in the header on mobile devices

“

Regards,

Devin

Hallo,

Bitte installieren Sie Erweiterter Text Widget Plugin http://wordpress.org/plugins/enhanced-text-widget/ die Ihnen erlauben, Ihre Text-Widgets anpassen viel mit ihren eigenen Klassen sowie Einsatz php oder jQuery direkt im Widget wird. um Farben in einem Textblock hinzuzufügen beinhaltet zwei Schritte.

1) Umgeben den Text in <p-Tags oder <div-Tags oder am wenigsten aufdringlich sind die <span Tags

<span class="myclass1">your text</span>

2) Fügen Sie die Klasse Name, den Sie in Schritt 1 auf die / css / custom.css Datei erfunden, nachdem es Styling

#top .myclass1{

color:red;

font-size: 15px;

}

Danke,

Nick

Hi davro08,

Typically we recommend using at least 96 but generally I suggest 128mb. If you are using WooCommerce or any of the other feature filled plugins you will probably run out of usable memory at 80mb which is where users generally run into issues with the Advanced Layout Editor.

With that error message, you may have an issue with the installation. Either a corrupted file or something like it. I’d suggest re-uploading the theme files on top of themselves to overwrite everything fresh.

Have you by chance used the debug mode to add or edit content on an builder layout?

As an aside, our queue system works by oldest posts to newest so each time you self bump your post or self respond it pushes it to the end of our queue and doesn’t actually draw attention to it. I occasionally check new posts/responses for any emergencies which is why I’m responding now but generally we just go by our queue.

Regards,

Devin

Hi viper92664,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

.header_color .avia-menu-fx {

background-color: #333;

height: 10px;

}

#top .avia-arrow-wrap {

display: none;

}

.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {

border-top-color: #333;

}

Change the color code as needed.

Regards,

Devin

Hi robertnobel,

I’m not able to pull up your site at that url. There a couple of things to try to make sure you are at least running things as they should be by default.

First, make sure you are using Enfold version 1.7. If not, download the theme again from your downloads on Themeforest and install the files on top of themselves. See: https://vimeo.com/channels/aviathemes/67209750

Second, disable any active plugins you have installed except for WooCommerce or bbPress if you have them installed and active.

Third, make sure your wordpress install is able to use at least 128mb of memory on your server. See: http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/

Regards,

Devin

I’m going to close this topic as you have another one on the same issue. Please only create a single post for an issue.

Regards,

Devin

Hi,

Please add this css to your /css/custom.css to make the page stop jumping each time the slide changes

.avia-content-slider-active .slide-entry-wrap {

height: 275px;

}

I see you are using the multi-author blog format on your blog page http://www.thechristiandollar.com/blog/

If you are still experiencing this problem please set up a blog on a different page using the grid so that we can see what the problem is.

Thanks,

Nick