Hi,

Are you talking about the text color of the menu at the bottom?

Please try this:

#top .sub_menu_socket ul:first-child > li > a {

color: red;

}

Regards,

Ismael

Hi,

Please try this:

body {

text-transform: none !important;

}

Regards,

Ismael

Hi,

Increase the php memory limit again. Upgrade to Enfold 1.7.

Switch the Avia Builder to debug mode Edit functions.php, find this code

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

Below, add this code:

//set builder mode to debug

add_action('avia_builder_mode', "builder_set_debug");

function builder_set_debug()

{

return "debug";

}

You will be able to see the actual shortcode below the Advance Layout Editor.

Regards,

Ismael

Hi,

Kriesi said it will be fix on the next update. Do you have Enfold 1.7?

Regards,

Ismael

Hi,

Please add this on your custom.css or QUick CSS

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

.responsive .main_menu {

position: static;

display: none;

}

}

Cheers,

Ismael

Hi!

Please use this instead.

/* All Mobile Sizes (devices and browser) */

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

.responsive #top #main .sidebar {display:block !important; }

}

Best regards,

Ismael

Hi,

Looks like Kriesi answered your post.

https://kriesi.at/support/topic/portfolio-previousnext-entry-in-same-category/#post-61281

Regards,

Ismael

Hi,

Increase wordpress php memory limit:

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

Set it to 128M or higher.

Regards,

Ismael

Hi,

Can you possibly disable the plugin completely? Remove browser cache then reload the page. See if the hover effect is working.

I don’t see the html code for overlay effect below the blog post image.

<span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 276px; width: 342px;"><span class="image-overlay-inside"></span></span>

Regards,

Ismael

Hi,

Open js > avia.js, find this code

//check if the browser supports element rotation

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)'),

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;



if(st < el_height/2)

{

newH = el_height - st;

//header.removeClass('shadow');

}

else

{

newH = el_height/2;



//header.addClass('shadow');

}



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

}



if(!header.length) return false;



if(isMobile)

{

return false;

}



win.scroll(set_height);

set_height();

}

Replace it with this:

//check if the browser supports element rotation

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)'),

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

isMobile        = 'ontouchstart' in document.documentElement,

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

social			= $('#header_meta'),

set_height      = function()

{

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



if(st < el_height/2)

{

newH = el_height - st;

social.show();

//header.removeClass('shadow');

}

else

{

newH = el_height/2;

social.hide();

//header.addClass('shadow');

}



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

}



if(!header.length) return false;



if(isMobile)

{

return false;

}



win.scroll(set_height);

set_height();

}

Regards,

Ismael

Hi,

You can use this:

.grid-entry .inner-entry {

width: 90%;

margin-left: 5%;

}



.sort_width_container {

padding-left: 1.5%;

}

Regards,

Ismael

Hi,

Please give us a link to your website. Maybe, you have a lot of menu items.

Regards,

Ismael

Hi,

1.) Please add this on your custom.css or Quick CSS

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

.responsive .title_container .breadcrumb {

position: relative;

right: auto;

top: -6px;

margin: 0;

left: -2px;

}

}

2.) Use this

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

.js_active .top_tab .tab {

border-bottom: none;

padding: 9px 5px 9px 5px;

font-size: 10px;

}

}

3.) Please use this

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

.iconbox .iconbox_content .iconbox_content_title {

letter-spacing: 0;

font-size: 12px;

}

}

Seems like all of the issues above can be fix with media queries. You can combine all of the solution above.

Regards,

Ismael

Hey,

I haven’t tried those plugins. I’m glad it worked for you. :)

Cheers,

Ismael

Hi,

Please use this

.black-bar .bar {

background: red;

}

Regards,

Ismael