Your cart is currently empty!
You can close this thread now, I figured out my problem. I had been making special pricing tables with animations and the body css there was overriding the body css further up in the stylesheet.
That’s strange because my body is still set to #f2f2f2. I’ve supplemented your latter suggestion by adding background: #f2f2f2; to my .slider, .slider .wrap and other portions of my website…
Yep. I was doing that for the iPad media query because the navbar was overlapping my slider. So I just added a .slider .wrap section in my iPhone media query with padding-top:0; and it fixed it.
Thanks Wes.
This is a great resource. Easy to implement. I had to make some changes to .slider-wrap margin and padding for some of the media queries but this works really well.
Changed:
.head-wrap { padding: 5px 0 0; }
and
.site-header { margin: 0 auto -10px; }
now it’s looking nice and slim. Solved.
That’s perfect Wes. Thank you very much. I implemented the above CSS in 30 seconds and got all the positioning right. Now my only tweak would be to shrink the size of the container, the blue background area by about 10px on top and bottom of the header image / header right.
Given the visual appearance of the header comes from several different elements, how do I know which one to modify to get my desired change?
Thank you again for your time.
wwww.johnwebsites.com is the link. You can see that having uploaded my header image, the entire header wrap section is bloated. I’ve tried using different height settings and changing the navbar header-right widget clear properties but nothing seems to work. I thought i’d have you take a look at it before I spend too much on trial and error.
Thank you very much for your time Wes, I greatly appreciate it.
Problem solved. Somehow my media queries section in the css got deleted… Replaced it with the epik style.css original.
I’m having similar problems as well. I can comment an area out to verify that the styles in the related class or id are controlling what I think they are on the page, but when I go to change the selector values nothing happens. It’s quite frustrating.
Stinkykong, I was working on my navbar styling as well and nothing was working. Once I added new links to the menu in Appearance>Menus, those new links had taken the new styling. So I had to remove all the links that weren’t taking the new styling, and re-add them. It seemed to work.