Hi,

1. I see this in your Quick CSS. Please remove it (all of it)

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

.responsive .avia-pricing-table-container,

.responsive .pricing-table-wrap {

display: table-cell;

}

}

2. I asked you to remove some lines , to *delete the entire block* from shortcodes.css which you have not done.

This is how you have those lines now (see my previous answer for instructions) ..

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

{

/*

.responsive .avia-pricing-table-container , .responsive .pricing-table-wrap{display:block;}

*/

.responsive .pricing-table{display:block; margin-bottom:40px;}

.responsive .pricing-table.avia-desc-col{display:none;}

}

and this is how you need to have them

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

{

/*.responsive .avia-pricing-table-container , .responsive .pricing-table-wrap{display:block;}*/

.responsive .pricing-table{display:block; margin-bottom:40px;}

/*.responsive .pricing-table.avia-desc-col{display:none;}*/

}

3) Please make sure that the css i gave you in my previous answer is located **on the very bottom** of your Quick CSS.

—

If you follow my instructions, this is how you will see your site:

http://www.clipular.com/c?10722065=LJJ3AGezHj1ntzhiVQmVbSPUriU&f=.png (tablet)

http://www.clipular.com/c?10763031=C3vk5V6dC3uqO3NE_okXYqDbluo&f=.png (smartphone)

Thanks,

Nick

Hi,

Open up header.php and find this line somewhere toward the bottom of the page that looks like

<!-- end container-->

now paste the code below before or after this line, just substitute the 2 urls.

<strong class="logo2">

<a href="URL OF LINK"><img src="URL OF IMAGE" alt=""></a>

</strong>

Now add the following css to quick css or to /css/custom.css file

strong.logo2 {

position: relative;

float: right;

}

Now to move the menu add this css, but you will need to play around with the number in the media query (as well as make your logo smaller)

.main_menu {

left: 19em;

}

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

.main_menu {

left: 12em;

}}

You will need at the end to add a few lines in /js/avia.js since as you can see the left logo shrinks when you scroll down the page, and the right logo will not do that by itself. Once you finish these steps let us know.

Thanks,

Nick

Hi,

The easiest way to do it would be to follow the directions here -> https://kriesi.at/support/topic/repositioning-breadcrumbs-and-page-title#post-120763

Thanks,

Nick

Hi ,

Please read this post to see how to do this and why it isn’t working http://stackoverflow.com/a/9689686/1245478

Thanks,

Nick

Hi,

Shoot me an email please with a link to this page along with your website url.

usjahm(at)gmail(dot)com

Thanks,

Nick

Hi,

Please do this.

1) Add the following CSS

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

.pricing-table li{

height:60px

}}

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

.pricing-table li{

height:90px !important;

}

}

2) And open up /css/shortcodes.css and *delete the entire block* on lines 1059-1063 that looks like

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

{

.responsive .avia-pricing-table-container , .responsive .pricing-table-wrap{display:block;}

.responsive .pricing-table{display:block; margin-bottom:40px;}

.responsive .pricing-table.avia-desc-col{display:none;}

}

Thanks,

Nick

Hi,

You would need to adapt this function http://stackoverflow.com/a/15044377/1245478

I cant answer better since there is no url for me to look at.

Thanks,

Nick

Hi,

Here is where you can see the dimensions of image, and dimensions shown in initial size and when it shrinks:

View post on imgur.com

Thanks,

Nick

Glad that Ismael solved that for you.

Enjoy the theme!

Thanks,

Nick

Hi,

Remove the previous css and add this instead:

#top .logo {

float:right;

left:auto;

}

@media only screen and (min-width:980px) {

#top .logo {

right:-100px;

}

}

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

#top .logo {

right:-60px;

}

}

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

#top .logo {

right: -100px;

}

}

Thanks,

Nick

Hi,

Sorry about that, needed to add !important. Check the updated code above.

When I tested on your site I always add to custom.css, though in this case it will not make a difference.

Thanks,

Nick

Hi,

Please go to Appearance > Menu and create a nested menu by dragging and repositioning the blocks representing menu items in a hierarchical configuration — i.e. so that it looks like ‘steps’ on a staircase -> http://www.clipular.com/c?10476016=f3ORLhsw3cnR2nu_kFMglbRwIXY&f=.png

Thanks,

Nick

Hi,

This happens when the blog is not defined in Enfold > Theme Options . In that scenario, the individual blog post automatically display those words and link to the home page. To change the words and the link you would need to edit 2 pages:

First get the URL where you want the link to point to, just copy it from your browser then open up::

single.php

line 9 and 10 and change them like this

$title  =  ''My new title';

$t_link = 'http://your-domain.com/link-to-blog-page/and-a-slash-at-the-end-of-link/';

index.php

Lines 11 and 12. Repeat the same exact thing as above lines 9 & 10, can copy the code even from above.

Thanks,

Nick

Hi,

Can you show a screen grab of the problem, a snapshot image since I don’t see anything but a normal site. You can use clipular.com browser addon to take a snapshot.

Thanks,

Nick

Hi,

I tried to view the source to see the code but sadly it was just an image. Please provide a url to the live site since there are so many ways to customize the theme there are always multiple paths to reach the same result with each requiring its own solution. There are 5 headers for example so its difficult to answer about the mega menu. Also you customized a lot yourself. If you are using a maintenance plugin, please create a password we can use to see the theme and you can always use http://www.goo.gl to hide the url.

Thanks,

Nick