Greg P

hi Wes.

There’s a margin on the right but not the left. So the site shifts left on mobile (which leads to the cutoff, I think).

Here’s a screenshot:

http://www.porticovisual.com/screenshot

Thanks Wes.

Here’s the site, if anyone is willing to help. Thanks:

http://topnotch3.creativeresultsmarketing.com/

The thing is, the entire nav menu disappears — it’s not just the responsive menu.

I’ve used Epik on a ton of sites and they all work fine.

It’s got to be a something in the customization, was just hoping someone else ran across something similar and could lend a thought. I’ve inspected thoroughly and no luck finding anything.

Ugh.

Thanks Scooby.

Close this. Issue resolved.

I had <p align=”left”> in a widget. I thought I could get away with it.

Funny thing is I have other older sites and it’s showing up in Firefox.

Greg

Yeah something is weird. I even killed all plugins, removed all widgets, and the issue is still there.

There’s something in the code somewhere (which, yes, I did customize CSS).

I bet it’s one, tiny little thing and at this point it’ll be easier for me to rebuild and watch it along the way instead of trying to find a “needle in a haystack.”

So don’t go nuts unless you feel challenged to see what the deal is before I start all over 🙂

Thanks Eric!

Awesome. That was it! Thank you. Appreciate the help Jessy!!

Hi Wes just checking back…have you had any time or luck on your end with this? just curious.

A good example: http://ruhm.com

Greg

I had already tried changing no-repeat to repeat and a couple of other tweaks with no luck.

BUT…thanks for bringing it up again because I removed “.hf5” from there and that did the trick!!!

Appreciate the help Eric.

Greg

Hi Van,

Thanks. I did check out some of the videos. I was just curious if anybody had any Epik-specific info. Some of the css needs to be tweaked to get it to work at full-width.

I’ve used a few different sliders and liked the things Royal slider could do, but it’s not as straight-forward as I’d hoped. I hear Meta Slider is nice but haven’t tried it…Royal slider’s slideshow for photography/images is pretty cool and hooks up with the wordpress gallery.

Greg

Hi Wes,

No, I still want a normal horizontal nav — just trying to center it vertically.

I’ve removed padding, added it back, removed the header…

It’s basic. I just can’t find the right code.

Check it out here — I added a red line to my screenshot:

http://www.gregpayette.com/align-header

Eric, just wanted to let you know it worked perfectly. Awesome. Thank you again. -Greg

Okay, but that’s making it too easy for me. I like to get in there and mess around…but I’ll take your help if you’re willing 🙂

Here’s where I’m at: http://www.gregpayette.com

You can hover over the top nav and see the buttons…but I want it to fill the header, vertically when I hover.

Thanks Eric.

Eric, so what you’re saying is that same css is what’ll trigger the colors behind the navigation to create somewhat of a button effect (right header widget, custom menu)? I didn’t know that…I’ll see what I can do.

It sounds like what you’d like to do is actually more straight-forward than what I’m doing. What I have so far for a single image background is this:

/* Slider Wide
——————————————— */

.slider-wide {
clear: both;
width: 100%;
background: url(‘/wp-content/uploads/2013/10/wideimagetest.jpg’) no-repeat fixed center;
height: 400px;
}

But I want a single image and real text. (I’m not 100% there yet, by the way. A couple of things not jiving.)

However…

If you’re not worried about real text, then it sounds like you just need a slider that lets you go wide enough. The problem with super wide sliders is the larger file size.

What Wes does on his theme demo is a nice way to go…a “normal” size slider image that uses the same background colors rather than having an “edge” or key line on your featured images. This way it appears to be a full-width slider. But it’s really not. (If that makes sense?)

But that might not be an option for you.

I’ve recently started using Soliloquy (lite version is free but limited…paid is only $19.) It seems to be very good. Plus it works with shortcode, which is just plain easy. So you just set it up and add the shortcode to your wide slider widget. You can go as wide as you want but, again, large files aren’t good.

By the way, to add shortcut to widgets I found I had to add this to functions:

add_filter( ‘widget_text’, ‘do_shortcode’ );

===

I don’t know if I gave you the answer you’re looking for but hopefully helped a little 🙂

Thanks for the quick reply Wes. I actually tried that just pulling the image in and came close, but gotta have the image in the background up top, plus include the button and text “layered” over it. I’m still digging but no luck (yet).