Hey Ismael,

Yeah i’ve tried fixing it my self (by removing some image classes / overlay )

http://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue

I’ll try and figure it out and I’ll keep it posted here :)

Thanks for your help. I finally understand the footer. Here’s my notes in case in can help anyone else.

[] There’s 2 areas in the footer

1) Footer widgets (top footer area)
Can choose 1 to 4 columns

2) Socket (bottom footer area)
Copyright (left) and Footer Menu (right)

[] To add Menus to Footer Widgets (4 columns)

1) Create Footer settings
Theme Options > Footer tab
Default Footer Widgets & Socket Settings:
Display the footer widgets & socket
Footer Columns:
4
Copyright:
© Copyright – Your Company[nolink]

2) Create 4 menu names in WP Admin: Appearance > Menus
Example:
Footer 1, then add links
Footer 2, then add links
Footer 3, then add links
Footer 4, then add links

3) Add Footer menus to Widgets in WP Admin: Appearance > Widgets
Example:
Drag “Custom Menu” widget into > Footer – column1 area
Add into to Custom Menu
Title: Your title
Menu: Footer 1

Drag “Custom Menu” widget into > Footer – column2 area
Add into to Custom Menu
Title: Your title
Menu: Footer 2

Drag “Custom Menu” widget into > Footer – column3 area
Add into to Custom Menu
Title: Your title
Menu: Footer 3

Drag “Custom Menu” widget into > Footer – column4 area
Add into to Custom Menu
Title: Your title
Menu: Footer 4

[] To add Menus to (Footer) Socket

1) Create Footer settings
Theme Options > Footer tab
Default Footer Widgets & Socket Settings:
Display the footer widgets & *socket

2) Create a new menu names in WP Admin: Appearance > Menus
Create a new menu
Example:
Footer Socket, then add links

3) Menu Settings (beneath Menu Structure)
[x] Footer Menu (check)

• This reply was modified 12 years, 2 months ago by Jagrav.

Added (likely related) information: I tried adding the css given here just to see what it would look like: https://kriesi.at/support/topic/making-header-background-and-menu-background-more-transparent/

Header remained the same on all browsers. Absolutely nothing changed (this with the previous css deleted). So I’m figuring something’s going on with the header–just hoping it’s not a conflict with a critical plugin (though nothing indicates it is). Thanks.

Oh, that worked! Great, thanks again!

If anyone else is interested, the code is below (easy to change the color, just swap the rgb (x,y.z)). Also make sure you get the right ID for your menu item (inspect the item).
Here is the CSS:
——————

#menu-item-2756.avia-menu-fx { display: none; }
.header_color .main_menu ul:first-child > li#menu-item-2756 > a {
padding: 5px 10px;
background-color: rgb(9, 70, 17)!important;
color: white!important;
height: 30px!important;
line-height: 20px!important;
margin-top: 28px;
border-radius: 10px;
border-width: 0px;
}

.header-scrolled li#menu-item-2756 a {
margin-top: 7px!important;
}

.header_color .main_menu ul:first-child >li#menu-item-2756 > ul { border-top: none; }

li#menu-item-2756 .avia-menu-fx { display: none; }

Hey guys – got the title bit sorted. Size is now regulated on desktop. Only issue remaining is, on mobile, a couple of the thumbs are not square as they should be ( Same issue we solved by using:

#top div .avia-gallery img {
max-height: 333px;
}

for desktop)

Lastly – how do we make sure that applies to those images on mobile as well?

Wow, thanks! Looks great!! Juuust one little thing..
Now when I scroll, the “button” dips down below the rest of the menu items. I had this issue before, and the following code helped it:

.header-scrolled li#menu-item-2756 a {
margin-top: 7px;
}

but now that doesn’t seem to work?
Any thoughts?
Thanks!
Cheers,
Steve