Yigit … take a look at the PROCESS page.
What renders on desktop should vary from IPhone.
See link below…

i mean, when you click on any link on sticky submenu, i want that active part to be black

i try this code

#top .av-subnav-menu > li.menu-item .current-menu-item > a {
color: black!important;
}

• This reply was modified 7 years, 6 months ago by Uros.

Thanks Andy.

1. Have updated to 4.6.1. Tried changing to flexible masonry. However, this means random gaps and heights. I really want it to be a neatly aligned grid of images with equal sizing so I’ll need to use the ‘Perfect Manual Masonry’ and ‘landscape/portrait’ approach.

I was having a play about and the image size doesn’t seem to affect the gap at the base of the portrait images. If you take another look at the portfolio page, the top left portrait image is 501 x 900 pixels (w x h) and the bottom right portrait image is 501 x 890. Both have the gap beneath.

I also adjusted the height of the standard (not portrait, not landscape) images aligned next to the portrait images (just in case they were too deep) but that didn’t help either.

I’m sure it must be possible to sort the alignment of these out (it’s only a matter of 10 pixels) but can’t determine how to do it… please help! Surely someone must have turned off captions and tried to achieve a similar layout like this before? (I’ve searched the forum but can’t find any examples).

For reference, the custom CSS I’m using is below… all provided by yourselves.

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
#header_main {
border-bottom: 0 none;
}

h1 {font-weight: 200;}
h2 {font-weight: 200;}
h3 {font-weight: 200;}
h2.avia-caption-title {color: #FFFFFF;}

#top .av-masonry-image-container {
-webkit-transform: scale(1);
transform: scale(1);
}

.av-masonry-image-container {
background-size: 100% 80%;
background-position: 0px 0px;
background-repeat: no-repeat;
}

.single-portfolio .av-masonry-image-container {
background-size: 95% 95%;
}

.av-large-gap.av-masonry {
padding: 10px 0px 0px 10px;
}

figure.av-inner-masonry.main_color {
height: 120%;
}

2. Thanks for providing these.

3 (new question)… The styling of individual portfolio entries is also messed up. I was hoping to have a similar look to the main portfolio page above, but, for example, on http://www.rorygibsonarchitects.co.uk/portfolio-item/synton/

– Images have no spacing beneath them, crushed up against each other.
– Spacing between the 3 columns is too large (aiming for 10px or so to reflect main portfolio page)
– A landscape image (at the bottom right) doesn’t span exactly 2 columns – it’s quite a few pixels less.

Concerned that the custom CSS I’m using may be conflicting and causing display issues. Can you assist please?

Thanks again,

Sam

• This reply was modified 7 years, 6 months ago by sjwmobile. Reason: Adding further detail to query

Hi Nikki, I’ve done this and it chops off the top portion of the image

Fixed it. Changed the font to a 50 X 50 transparent image & updated this line of code:

#advanced_menu_toggle, #advanced_menu_hide {
margin-top: -20px;
}

PS: I figured out a way for 1+2:

@media only screen and (max-width: 786px) {
.av_header_transparency .social_bookmarks li a {
   color: #252525!important;
}
.sub_menu {
 color: #252525!important;
}
}

But still, the linked e-mail on desktop is dark and needs to be white on transparent header only and dark when scrolling down.

Thanks!

Hey Ismael,

thanks for getting back to me. I appreciate your help.

1) On iPad, Social Icons and Secondary Menu (“Kontakt”) are still white on white
2) On iPhone, only the Secondary Menu (“Kontakt”) is still white on white
3) On Desktop, the linked e-mail-adress is still dark on transparent background but should be white here and dark when scrolling down

Does that make sense?! :-/

Thanks and cheers,
Jan :)

• This reply was modified 7 years, 6 months ago by WEBIGAMI.

Hello Rikard,

Attached is a screen capture of the welcome page of http://www.edoshummus.com

I would like to move the title down. I tried various padding options in the Special Heading (an Avia element) itself and in the quick CSS Such as { .av-special-heading h1 { padding-top: 280x!important; }

But did not succeed. So I would like to generally know what is the best way to control the vertical positioning of the Special Header.

I hope I was more clear this time

All the best

Oren