Sorry. Now you can close this one. Let´s continue at https://kriesi.at/support/topic/gravity-forms-are-not-working-with-layout-editor/ which is open again

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

That’s what I meant, I can get the font to be white (intended) but then the background is white too (not intended).
When using
#top #main
.sidebar {
background-color:#738ca2!important;
font-size:80%!important;
font-color: #fff!important;
}
The background should be blue (#738ca2) and now it is not. How can I solve this?

Hi Ismael,

This stops the table being responsive, which is not an option on a site that is visited a lot by mobile devices (like mine). I hope you can sort it out, also with the table headers above the cell content in mobile devices, because this is very helpful!

Kind regards,

Dave

Hi Yigit,

this checkbox is unchecked.

I Mean the grey fielt on top of the site:

http://holidaymarketing.de/

Regards

Thanks man! That did help A LOT! It still needs a bit. The lower navigation needs too snug up closer to the top navigation, and I still need to figure out how to add an image with link in just under the 2 navigation under like this site here:

I need to fit this in without pasting onto the background? Other wise it looks funny on my phone.
(“Your workplace. Your neighborhood.”
1-888-379-2865)

http://thesatelliteinc.com/

Compared to this site Im working on here:
http://scottsvalley.thesatellitecenters.com/

Yigit, Last bit of Quick CSS code helped a lot my friend, I’m trying to do my best to figure this stuff out, you guys totally rock with awesome support!

CHEERS!
Joshua

Thanks for that.

Unfortunately the menu child elements are still aligning to the right. Please click here to view what I mean.

Also, is there any way to reduce the padding to the right of the side navigation so the menu items appear on one line. There appears to be a fair bit of unnecessary padding.

Thank you

Hi Devin,

I modified the file custom.css to enfold / css and I have put on the desktop css media query you said.

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 300px;
line-height: 300px;
}
}

I have increased the value of the logo from 167 to 300px.

Logo.png image also I left at 300px and I uploaded it to wordpress.

The result is:

1) Explorer, chrome and safari ok.
2) Firefox when page load first (HTTP code 200) very small image returns. When subsequent load (HTTP code 304) the image correct returns.
3)Without modifying the css and upload a 150px image also happens.

It seems to be a problem only with the first load firefox.
Try to make a reload in firefox by pressing the “shift” key to clear the cache and you’ll see.

167px is very small for customers…;), they want to see your logo bigger ;)

As I can do to fix it?

Thank you!

Xavier.

I am using WP Super Cache hopefully that is a good thing, I have another plugin that usually speed things up but with your theme it slows the page load down so I will go talk to them about that and see if I can get it to help things load faster.

My page speed is kinda ok for the desktop page load speed I just did not like seeing the errors, but the mobile part seems low to me at 71 out of 100 so unless I can get that faster I will have to add a separate mobile theme sadly.

Thanks for trying to explain things.

Ok found solution for displaying sidebar on mobile from another thread:

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display:block; }
}

Only problem is the vertical border that separates main content & sidebar is displaying to the left of the sidebar.

I have tried to remove the border with @media css styles – but no success

Any idea how to remove the border and padding?

Thank you for your help!