Hey!

Do you know the screen resolution of your iPad? Please use this instead:

@media only screen and (min-width: 400px) and (max-width: 1024px) {
.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display: block; }
}

For the header, add a top margin:

@media only screen and (max-width: 1024px) {
.responsive #top #header {
position: fixed;
margin-top: 100px;
}
}

Adjust the top margin if necessary. Remove browser cache then reload the page a few times.

Cheers!
Ismael

Hey!

I’m sorry! My bad! Edit the Color Sections where you want to add shadow1.jpg as image as background then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “section-shadow1″.

.section-shadow1 {
background-repeat: no-repeat;
background-image: url(https://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg);
background-attachment: scroll;
background-position: top center;
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.kimberfire.com/wp-content/uploads/2013/04/shadow1.jpg', sizingMethod='scale')";
}

Best regards,
Ismael

Hello!

@lemedia: Yes, it is possible. Just add this on your custom.css or Quick CSS:

.language_flag img {
display: none !important;
}

.language_code {
display: block !important;
text-transform: uppercase;
}

Best regards,
Ismael

Hi!

Looks like you have the same issue on this thread: https://kriesi.at/support/topic/iconfonts-links-not-working-in-safari-on-mac/#post-171449

I will close this one. Please watch out for a probable solution on the link above.

Regards,
Ismael

Hello!

According to Devin “Make sure to clear you *browsers* cache and not just the sites. The browser may have the old font files and be serving them up locally.” Also, test the site on different browsers. I visited the site again and the fonts and arrow are working fine.

Cheers!
Ismael

Hello!

If you want to show the sidebar on mobile view, you can add this on your custom.css or Quick CSS:

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display:block; }
}

To increase the main menu and drop menu font, use this:

.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 14px;
}

#top .main_menu .menu li ul a {
font-size: 14px;
}

Cheers!
Ismael

Hey!

Please use this instead:

.fallback-post-type-icon {
position: relative;
margin: 0 0 0 -20px;
height: 60px;
width: 60px;
line-height: 59px;
font-size: 25px;
text-align: center;
border-radius: 100px;
display: block;
left: 20px;
top: 60px;
}

.avia-content-slider-inner .slide-content {
padding-left: 80px;
}

.avia-content-slider-inner .slide-entry.flex_column {
margin-top: -40px;
}

Best regards,
Ismael

Hello!

Please try adding !important to it

.grid_3 br { display: none!important; }

On top of each column, there is a line break added for some reason. This code should remove them :)

Cheers!
Yigit

Hey!

Please add following code to Quick CSS in Enfold theme options

#top #wrap_all .avia-gallery-2 .avia-gallery-thumb a { width: 111px; }

Regards,
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options

.logo { top: -56px; }
#header_meta { padding: 10px 0 10px 0; } 
.sub_menu a { color: black!important; font-size: 14px; }
.main_menu ul:first-child > li a { height: 90px; line-height: 90px; font-size: 14px; color: black!important; }
.main_menu { background-color: #e1e1e1; }
#header_main { border-top-style: none; }
li#menu-item-5018 a { padding-right: 13px; }
#main { padding-top: 50px!important; }
#socket { background-color: black; }
.avia3-menu a { color: green!important; }

These should do it. Please flush your browser cache and refresh your page a few times after applying these codes.

Best regards,
Yigit

Hi!

Yes,that is because i forgot to add semi colon :) Sorry. Here is the correct one

.content { padding-top: 70px; }

Please flush browser cache and refresh your page a few times after adding code to Quick CSS

Cheers!
Yigit

Hello!

Please add following code to Quick CSS in Enfold theme options and adjust as desired

.content { padding-top: 70px }

top padding is 50px by default

Regards,
Yigit