Hi emin!

You can increase the width of the search bar with the below css:

.avia-search-tooltip {
  width: 300px !important;
}

Regards,
Dake

Hi!

You’re welcome Jeebar :)

I might be able to come up with a more conclusive idea of what caused it if I had temporary access to your website.

Regards,
Dake

Hi JeeBar!

Please add the below css to your custom css section:

p a:hover {
	color:  #c46f00 !important;
}

Regards,
Dake

Hey!

Did you allow the entire process to complete itself without errors or interruptions?

Are you able to use any of the other demo templates?

May we have temporary access to your website to take a closer look?

Best regards,
Dake

Hi acbrent25!

In order to remove the color section background using a media query, please add the below css to your custom css section:

@media only screen and (max-width: 768px) {
.container_wrap {
  background-image: none !important;
}
}

Best regards,
Dake

Hey wiwaldi79!

You can manually set a preset size from the “Select custom preview image size” section (including the original size of the image scaled down proportionally based on the number of columns/posts):

http://i.imgur.com/J5e4qpx.png

Alternatievely you can use the below css:

.avia-content-slider .slide-image img {
	height: 233px;
	width: 233px;
}

Please note that if the original image is not a perfect square, it may appear stretched:

Cheers!
Dake

Hi!

You can remove or reduce the padding below the first heading by using the below css:

.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}

Cheers!
Dake

Hey!

The portfolio grid should automatically scale each image evenly so that there are 6 columns until the responsive adjustments kick in.

On my end it’s showing up as 6 per row, 3 per row, 2 per row then finally 1 per row.

In order to remove the border, please add the below css to your custom css section:

.grid-entry .inner-entry { 
  box-shadow: none; 
}

Regards,
Dake

Hey!

That’s ok, I went ahead and added the media queries again:

@media only screen and (max-width: 1085px) {
#top #wrap_all .alternate_color h1 {
  line-height: 1.2em !important;
}
}

@media only screen and (max-width: 1110px) {
#top #header .av-main-nav > li > a {
  font-size: 9.5px !important;
}
}

Cheers!
Dake

Hey JHU8ghsrr5!

May we have a link to your website so we can take a closer look?

Cheers!
Dake

Hi fleurkolk!’

You can try usng a portfolio grid with the below settings:

http://i.imgur.com/FKOxYE8.png

This way you can link each image to it’s own portfolio page.

Cheers!
Dake

Hey Simon!

You’re welcome :)

Please let us know if you ever need help in the future.

Best regards,
Dake

Hey!

I tested on an android and iphone, the hover effect does change color on iphone from other pages.

If the below css change doesn’t make a difference, may we please have temp access to your website again?

#mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a {
  background-color: #018db0 !important;
  color: #ffffff !important;
}

Best regards,
Dake

Hi Rajeev!

The only obvious error I am seeing on a smaller screen size is pictured in the below screenshot:

http://i.imgur.com/5Aeenu1.png

Everything else seems to be displaying fine. I tested on my browser and a nexus 4 in portrait and landscape views.

May we have a screenshot that shows the errors that you are referring to?

Cheers!
Dake

Hey simonac!

You can try using a media query like the below to adjust the z-index and background size at certain screen sizes::

@media only screen and (max-width: 768px) {
#kleckse .av-section-color-overlay {
  z-index: -1 !important;
  background-size: contain !important;
}
}

Regards,
Dake