Sorry for the error with the FTP see attached

Thanks Nikko
This helped a lot. Although not quite there yet
These sections still need some edits
– Landing logo is below 100% screen so I have to scroll down to see it
-Landing Photo is zoomed in
– PATENTS and OUR ALGORITHMS: Red check marks have wrong color and is almost not visible
– News: whole section missing.

Thanks

Hope you have some solution.

All help greatly appreciated.

U.

Thanks! Worked!

U

Thanks I have updated your role. I also noticed issues with ssl.

Perfect, Thanks!

Thanks for your prompt reply. It will happen at certain screen widths between 660 px to approximately 800px. Try reducing your browser window to 700 px width and hover over the first image in the link and you will see what i experience. It would be nice to have a padding to keep the text inside the picture.

Thanks!

Hi!
yes i thought I had attached the link as a private message.
I one of the attached pages I would like to use a transparent header with black font in the menu and the extra elements in the top menu and LogoBlack.png.
In the other I would like to use a transparent header with white font in the menu and the extra elements in the top menu and LogoWhite.png.

Dear Elliott
Thank you so much for your quick response!

Align top worked! Great.
But I had to use this code to make the background white. I really don’t know why, I just found it and tried various versions until I found something that worked.

/* Table align top */
td, tr {
vertical-align: top;
}

/*Table all white background */
.main_color tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #ffffff;  
}

Thanks again!

_urban_

• This reply was modified 9 years, 11 months ago by _urban_.

I also added this, and now I am quite happy with the result. The cropping of the images is much better like this, and could be considered for the theme itself.

.av-inner-masonry-content {
    padding: 10px !important;
    position: relative;
    width: 1000%;
    z-index: 2;
}

Thanks.

It is the “masonry” I am trying to change. Sorry for mixing it up.

If the solution I am asking for is to difficult, I could use a solution where the title is moved down to under the image. (like it is displayed when using the “blog grid”).

Again, thanks for your awesome support!

Urban

• This reply was modified 9 years, 11 months ago by _urban_.

Thanks Ygit!
That code did some improvements however there was some aspect ratio issues on screens between width:767px and width:480px. and the “X icon” for closing/hiding the “slide-out-menu” does not appear, or appears outside the screen on all screen sizes.

I changed the code to:

@media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo img {
margin: 0;
width: 80% !important;
}
}

@media only screen and (max-width: 480px) { 
.responsive .mobile_slide_out .logo img { width: 100% !important; }
#advanced_menu_toggle, #advanced_menu_hide { right: -15%; }}

This maintained the aspect ratio on all screen sizes except screens with exactly 480px width (tried max-width: 481px. and 479px without any luck)
“X icon” for closing/hiding the “slide-out-menu” appears as well, but not on screens smaller than 481px width.

Hope you can help me out!
Best Regards

_urban_