Just advising that I’ve solved the issue with the following tweaks.

I was able to identify the elements that needed tweaking:

1) Header block with logo and social/contact info above is now static and “sticky” by choosing Fixed heading in the theme settings. Following code was to fix.

#header {

position: fixed;

}

/* fix the height of the header block and lock it down */

#header_main .container {

height: 82px !important;

line-height: 82px !important;

}

2) Text colour was thru theme settings, but had to apply the following changes:

/* Social Icons & Contact

*/



/* put the icons on the right */

#top .social_bookmarks li {

float: right;

}



/* move the contact # left of the icons */

.sub_menu {

right: 70px;

}

.social_header .phone-info {

color: #5f5e5e!important;

font-size:1.2em;

font-weight:normal;

}

Thanks to the tips on the Avia Menu at https://kriesi.at/support/topic/avia-menu-repositioning#post-124971 I was able to place the menu block exactly where I wanted it, aligned to the bottom of the header block in line with the baseline of the logo. A few tweaks were needed to move the menu indicator as well through the .avia-menu-fx tag.

/* Main menu position

*/

.main_menu {

height:25px;

top:55px;

}



.main_menu ul li a {

height: auto !important;

line-height: 20px !important;

}

.main_menu ul:first-child > li > a {

padding:0 7px;

}



.main_menu .menu ul {

margin-top:8px;

}



.avia-menu-fx  {

bottom: -8px;

}

Edit – screen shot of the result after the above tweaks.

Thanks Ismael,

It worked for me, I just had to add !important to the styling:

@media only screen and (min-width: 1024px) {

/* Add your Desktop Styles here */

#menu-item-2606 {

display: none !important;

}

}

One more thing: what I’m hiding here is a fourth column in a mega menu. The result is that the other three columns now show up spreaded over the space for four columns. Is there a way to avoid this?

Regards,

Daniel

I figured out the footer

#footer {

padding-top: 50px;

but still not the footer subhead color

Great thanks! That worked for the menu. Now could you help me do the same for the footer subheads? Also I would like to bump my footer content down, so I guess add padding to the inside top of the footer?

The menu issue has been resolved. Please provide solution ASAP to my 2nd issue: On iPad, portrait view, the website has overlapping of the text in the promo box and the promo box button. The text currently has soft returns entered so that the text didn’t overlap the box in standard desktop view, but it still overlaps in iPad portrait view. How can this overlapping be removed for only iPad portrait, or at least iPad?

Please, it’s been two weeks, I really need a solution for this promo box issue.

Thanks for that, unfortunately, no, it didn’t work, the code tweak to “position: relative” made the header non-sticky. They need the header bar to be static, but when scrolling the main menu text starts moving upwards. I need to lock the menu to the header.

I tried changing the header to “non-fixed with social”, then apply the following code:

#header {

position: fixed;

margin-top: -115px;

}

then tweak the main content block to push it down by 115px.

/* remove the padding from the main content to the bottom of the header (not needed with fixed header)*/

.fixed_header.social_header #main {

/*	padding-top: 115px; */

}

This had the desired effect, and the menu items actually sat where we wanted them towards the bottom (not middle) of the header bar, and stayed static (and sticky on screen) when the page scrolled. However, this had the side-effect of breaking when changing screen resolutions.

As for 3) – I found the theme styling setting for it and hard coded the colour in the child style.css.

In relation to the moving menu, I’m hoping it’s a simple CSS override as I’m hoping to not need to mess with the JS or PHP in the backend in case there’s a theme update that breaks any customisation, and as a newbie, if it comes to that, I’m hoping someone just points me in the right direction.

Hi there, we sent an email to you a few days ago with a link to this post and our website. Please let me know if you want me to resend. We’ve also encountered a number of other problems with IE8 and while we understand that some of this may be caused by the fact this browser doesn’t support media queries / responsive layouts, it would be good to see if these problems are indeed caused by this or something else.

Unfortunately, many of our potential clients will view the site from a company computer that may be stuck on IE 8 due to their IT department, so we really need the site to look good in this browser.

What would you prefer us to do here please? Post individual topics or email the issues to you all in one go, as we can’t post live URL’s in the forum?

Many thanks for the great support so far.

Also, how do you put an image on top of a standard blog post like this: http://kriesi.at/themes/enfold/2012/01/14/this-is-a-nice-post/

When I try to add media content, the image only shows inside the blog post rather than on top.