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,

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,

I fixed the buttons, please check here: http://www.academieaugust.com/?page_id=1176

Looks like every time you save the table, it adds a backslash on the paypal form code.

Example is:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">

<input type="hidden" name="cmd" value="_s-xclick">

<input type="hidden" name="hosted_button_id" value="4F53A5YJ6CR6L">

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

</form>

After save will look like this:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">

<input type="hidden" name="cmd" value="_s-xclick">

<input type="hidden" name="hosted_button_id" value="4F53A5YJ6CR6L">

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

</form>

It is alright after you click the Save button for the first time but the backslash will add up when you save it again and again.

Let me tag Kriesi.

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 the rule is simply not specific enough.

this should work fine:

#top .sidebar .tab_titles .widget_tab_comments{ display:block; }

the reason the comments tab is not displayed by default is because it wont fit properly into smaller sidebars.

the second comments tab you can see when your rule is active is a fallback for browsers without javascript ;)