Hi,

Open css > shortcodes.css then find this code

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

.responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none;}

.responsive .tabcontainer .tab_titles{display:none;}

.responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab

{width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;}

.responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; }

.responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;}

.responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;}



}

Remove it. Although it does look better when viewing on mobile device.

Regards,

Ismael

Hi,

Please do the following to create a blog page with slideshow.

1.) Edit the page, go to Advance Layout Editor. Under Media Element > Insert a Slideshow. You have three options EasySlider, Fullwidth ES and LayerSlider.

2.) Go Content Element tab, insert the Blog Post element. Configure the options.

3.) To remove the sidebar on that particular page, look for Layout > Layout, select No Sidebar.

If you want to understand how the theme works, please Import the dummy data and watch these videos.

https://vimeo.com/channels/aviathemes

Regards,

Ismael

Hi,

Try to add it on js > avia.js, under this code

(function($)

{

"use strict";



$(document).ready(function()

{

Regards,

Ismael

Hi,

Add this on your custom.css

#socket {

z-index: 0;

}

Regards,

Ismael

Hey,

You can probably fix the alignment using this

.size-full .image-overlay-inside {

left: 160px;

}

Regards,

Ismael

Hi,

You can set it on Enfold > General Settings > Blog Style.

Regards,

Ismael

Hi,

Yes, create a backup of your css modifications when updating.

Regards,

Ismael

Hi,

I’m sorry but I don’t see your secondary menu.

This code should hide it.

#header_meta .sub_menu {

display: none;

}

Regards,

Ismael

Hi,

I will probably do this.

.current-menu-item > a .avia-menu-fx {

background: black;

}



.current-menu-item > a .avia-menu-fx .avia-arrow-wrap .avia-arrow {

background: black !important;

border-color: black;

}



.avia-menu-fx {

bottom: 0;

}

This will make the arrow black on the current page.

Regards,

Ismael

Hello,

Can you give us a link to your website?

Adjust the max-width property.

Regards,

Ismael

Hi,

Maybe this will work.

#header_main_alternate .container {

padding-left: 19%;

}

Use Media Queries to target specific screen sizes.

Regards,

Ismael

Hi,

You can Import the Dummy data again.

Or

You use this plugin http://wordpress.org/plugins/duplicate-post/.

Or

Using the Advance Layout Editor, you can save a template and reuse it. Look for Avia Layout Builder, at the bottom right click Templates.

Regards,

Ismael

Hi,

Let me tag Kriesi.

Regards,

Ismael

Hi,

I’m sorry but I didn’t get your email. Although you can hide featured images via CSS.

This is for the single blog post.

.single .big-preview.single-big {

display: none;

}

And this is for the portfolio items. This will only work if you set the featured image using the default wordpress Set Featured Image feature.

.single-portfolio .page-thumb {

display: none;

}

Regards,

Ismael

Hi,

You can place them on your Quick CSS. You need to target the exact element. We need to use !important because there are declarations that are more specific than the one we use on custom.css. One rule of CSS is based on specificity, with the more specific selector “winning” over more general ones. The theme contains thousands of declarations from different style sheets. Even us cannot know for sure which exact selectors should be use on a specific case.

Cheers,

Ismael