this is the code generated as seen on firebug, as you can see, instead of 5 columns, system renders first 2 and the third breaks layout that comes next on syntax, and makes it DISAPPEAR from avia framework.

<br />

<div class="post-entry post-entry-type-page post-entry-734"><div class="entry-content clearfix">

<div class="avia_textblock"><h1 style="text-align: center; font-weight: 200; font-size: 2.7em; text-transform: none;"><a href="http://dm-c.it/riservata/adaptive/settori/"><span style="color: #005cb9;">La rivoluzione del Printing & Packaging in 5 semplici punti.</span></a></h1>

</div>

<div class="flex_column av_one_fifth first  avia-builder-el-2  el_after_av_textblock  column-top-margin">

<div class="avia_textblock"><div class="avia-font-entypo-fontello icona-colonnehomepage-dmc"></div>

<h3 style="text-align: left;"><a title="DEFINIZIONE" href="./prodotti/">DEFINIZIONE</a></h3>

<p>Progetto del tracciato di fustella e applicazione della grafica. Realizzazione del mock-up…

<a href="./prodotti/">continua</a></p>

</div>

</div>

<div class="flex_column av_one_fifth   avia-builder-el-4  el_after_av_one_fifth  column-top-margin">

<div class="avia_textblock"><div class="avia-font-entypo-fontello icona-colonnehomepage-dmc">⚙</div>

<h3 style="text-align: left;"><a title="AVVIO" href="./prodotti/">AVVIO</a></h3>

<p>Visto si stampi. Finalizzazione degli impianti di stampa e avvio del ciclo produttivo…

<a href="./prodotti/">continua</a></p>

</div>

</div><div class="flex_column av_one_fifth   avia-builder-el-6  el_after_av_one_fifth  avia-builder-el-last  column-top-margin"></div><p></p>

<div class="avia_textblock"></div>

<div class="avia-font-entypo-fontello icona-colonnehomepage-dmc">

</div></div></div>

solved with this workaround

https://kriesi.at/support/topic/error-404-page-not-found-on-all-pages-1

thankyou

I tried the code correctly as per your instructions but it wasn’t effecting anything :(

so i tried the one below also added positioning parameters and its working fine I guess,

.logo img {

width: 250px !important;

height: auto !important;

max-height: 167px;

position: relative;

bottom: 20px;

}

Now could you please tell me how can I delete the bar that is appear on the top of the page (blue header)??

this works:

#top .logo {

float: right;

right: 0;

left: auto;

}

Devin,

Thank you for your help. I have one more question and problem.

1. I actually had to do this. If I only used 2 entires then I end up with a weird distortion in my Apple icon. So I added the last line from the previous code. To result as this:

#top .social_bookmarks_tumblr a {

background: url(.......uploads/custom/apple.png) no-repeat center;

}



#top .social_bookmarks_tumblr a:hover {

color:#fff;

background: url(........uploads/custom/apple-hover.png) no-repeat center;

}



#top .social_bookmarks_tumblr a {

text-indent: -9999px;

}

2. I now have a retina resolution problem. When I view this on an iPhone 5 and my Macbook Pro Retina the apple icon is pixilated. Any ideas for a quick fix for this. If I do it as 64px x 64px then it looks to large. I imagine I have to add something to the CSS to constrain the proportion then upload the 64 x 64 images. Will you help me with that?

3. Would you mind going back through and deleting my personal links from this post. I abbreviated them above. Could you go back and abbreviate the others please?

Thank you again for your help!

Somehow not working.. I don’t know if I’m putting the code correctly or not as I’m very basic in coding.

Also here is a temporary link to our website “http://muharraqi.hostingsiteforfree.com/”

Also I want to delete the grey bar from the top completely..as its use less for us.

Please have a look the way I’m putting the code in custom.css

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*

Desktop Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

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

/* Add your Desktop Styles here */

/*header with social icons: */

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }

}

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

/* Add your Mobile Styles here */

}