Hi folks,

Ok… ive partially updated my site. Now you should be able to see the three issues that have been a problem

http://www.andypeck.co.uk

1) Check out the TESTIMONIAL AUTHOR NAME on the home page or the sidebar text on the ABOUT page and you will see PURE WHITE text that shouldn’t be there along with some partially transparent colours. Its subtle but its there (check headings) as ive said, the only reason the other white headings have gone are because ive covered them up in the CSS file

2) The LATEST NEWS on the HOME page has none of the descriptive text below each image even though it exists in the blog itself. This issue didnt exist before the 1.5 update

3) Attempting to scale the display to an IOS size creates an effect where the screen gets totally cut in half. The following is the offending CSS…

/* ADJUSTS LOGO WITHIN HEADER */

.logo {

margin-top: 20px !important;

margin-bottom: 30px !important;

}

Again this didnt happen before 1.5 but if I remove it I cant control my logo height

Cheers

Andy

Hey,

To make things easy for you lol I’ve just used your full code and Ismael’s. This way you can see what the affect is. Please visit my page to see how the things are out of place.

1. On the ‘Home’ page you will notice that the top border (right under the logo/menu) is thicker because of Ismael’s code and yours clashing.

2. On the ‘Home’ page if you scroll all the way to the bottom you will notice that after putting your code it has created a border above the footer that is around 900px wide.

3. Please visit this page: http://staging.avenirtechnologies.co/product/model-602d01-low-cost-industrial-icp-accelerometer/ – you will notice how the bottom border has a lot of padding. Also on this page if you scroll all the way to the footer area you will see that the 900px wide border line has disappeared.

Here is the code:

.avia_cart_buttons {

display: none;

}



#header_main {

border-bottom: none;

}



.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {

border-top: none;

}



#header_main .container {

border-bottom: 1px solid #E1E1E1;

}



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

.main_color .container {

width: 1030px;

border-top-color: #e1e1e1;

border-top-style: solid;

border-top-width: 1px;

border-bottom-color: #e1e1e1;

border-bottom-style: solid;

border-bottom-width: 1px;

}}

.container_wrap{

border-top-width: 0px !important;

}



.main_color .container {

width: 100%

max-width:910px;

border-top-color: #e1e1e1;

border-top-style: solid;

border-top-width: 1px;

border-bottom-color: #e1e1e1;

border-bottom-style: solid;

border-bottom-width: 1px;

}

Devin hi,

you can see in this page, in the top content part, that the “eye” icon background is cut before the end, next to it there is the “brain” icon that is full width.

url: http://www.glassesoff.com/the-science/

it is happening here as well: http://www.glassesoff.com/homepage/

check the bottom testimonials circles.

Thanks

Hey Nick,

Thanks a lot with this!

For the first issue with the drop shadow see this attachment: http://tinyurl.com/meou5o9 I don’t think it is anything graphical but just a drop shadow.

New Issue:

I do have another problem, since I put in your css code and Ismael, on my one of my product page you can see it here:

staging.avenirtechnologies.co/product/model-602d01-low-cost-industrial-icp-accelerometer/

you will notice how the bottom border for the title container now has some serious padding issues.

Also, there seems to be an clash between your code and Ismael as it creates a thicker top border. Here is what I have on my quick css (i edited some of your code as it was putting a line on the footer):

.avia_cart_buttons {

display: none;

}

#header_main {

border-bottom: none;

}

.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {

border-top: none;

}

#header_main .container {

border-bottom: 1px solid #E1E1E1;

}

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

.main_color .container {

width: 1030px;

border-top-color: #e1e1e1;

border-top-style: solid;

border-top-width: 1px;

}}

.container_wrap{

border-top-width: 0px !important;

}

.main_color .container {

width: 100%

max-width:910px;

border-top-color: #e1e1e1;

border-top-style: solid;

}

OK, I have added the desired dimensions of the featured image into the Quick CSS, and I have also set the image size through the image resizer plugin. What happens now is this:

– When you go to the single post page the grey box looks smaller (80X80) as long as it is empty, which is the desired size. However, when you add a 80X80px featured image the grey box expands back to 180X180, which means the image takes up only a part of the area. What you get is a grey background with an image on its upper left corner; far from the desired look.

Then I decided to remove the featured image as a temporary solution until I hear from you. I modified again the CSS and the image has been removed from both the blog roll and the single post page, which is the desired behavior. However, the blog roll page now shows a “timeline”, i.e. a dotted line that runs from the top to the bottom of the page. The workaround to this was to switch to “single author/big preview” layout, in which case there is no timeline, thus the removal of the preview leaves the page clean.

However, ultimately I would like to use “singe author/small preview” with a proper grey box 80X80 which will be fully covered by a 80X80px image, without leaving the grey background visible, hence I would appreciate your assistance.

Last but not least, please ignore my second question of the initial message (how to make the media space in the post body larger), as this space gets larger when the featured image gets smaller or removed, hence it is not an issue.

I am looking forward to receiving your suggestions.

Thank you

Hey Nick!

Thanks for the response. I’ve put the site online and can be found here: http://staging.avenirtechnologies.co/

I’ll try to address the issues one by one.

First:

Lets visit the home page: http://staging.avenirtechnologies.co/

– Lets scroll to the bottom where the footer is. I want to have a shadow below the white space (before the footer) to give the effect the footer is in the back.

– The css you provided to to lighten the border on the footer helped. Thanks!

Second:

– Lets go to the products page. http://staging.avenirtechnologies.co/products/ – you can see that the top header border is short (thanks Ismael) But you can see where the title is as well as breadcrumbs that container goes all the way across (background color and bottom border).

I would like to have this aligned with the top border which is shorter.

I hope I made sense in all this.

Thanks again for the help

It happens when you scroll down the page, the videos end up on top of the menu, but the excerpt text is properly placed below the menu.

See: http://74.124.215.73/~tedsprin/screen1.png

This shows how the video is on top of the menu when scrolling down the page. This happens in Firefox and IE.

Also See: http://74.124.215.73/~tedsprin/screen2.png

This shows how the excerpt text is correctly below the menu when you scroll just past the video.

(The duplicate videos were just tests.)

in the demo video , each sub menu column is defined with the # link ….

does that mean that a page can’t be the column title of a mega menu ?

That worked! :) Thanks so much.

I’m a 90% happy bunny. If we could fix this other issue I’m seeing (https://kriesi.at/support/topic/menu-broken-in-responsive-mode), it would be 100%. :) I have a feeling the solution to that one is similar…?

Dankeschön & servus,

Andy

Hi Ismael,

yes, your code worked great on the homepage, which is why I tried to find the appropriate code for this other page. My mistake was that, as you wrote “home” in the code for the homepage, i changed “home” into “one-to-one-consulting” for this page, instead of the home id (1548).

Now it works also for this one and I understood what I have to change for future pages that may give the same behavior.

Awesome, 1000 thank you!!

What is not working yet is your workaround on my other topic, regarding the contact page not picking up the correct sidebar, which a few other guys are experiencing. I did as you suggested there but it doesn’t seem to change anything. It still gets stuck.

Regards,

Antonio