Your cart is currently empty!
I just commented out the force full width layout and the unregister content-sidebar, didn’t add anything. I know. Not terribly helpful 馃槈
Awesome sauce, Wes! Thanks so much! I knew it was entirely me, so I truly appreciate the help 馃檪 Case closed!
Thanks 馃檪 Saw it, copied/pasted, it didn’t work, though. Not sure why. I did change the image name to my own, though. 馃槈 Went back in and changed .widgettitle to .home-featured, still a no-go. I’m not sure why, though. I haven’t changed anything else in the styles as far as the widgets are concerned.
Oops – sorry! Here you go… H-RoC Demo
Terence, looking at what you’ve done so far, I think what you’re looking for is to prevent your top widget (slider in this case) from being covered by the menu/header when it is in mobile view. I know you responded to this post over at FatMedia and I can see in Firefox that you added “padding-top” to the body. You need to also add that to the media files. I used the example of 81px/8.1rem from the FatMedia article as a starting place and it worked for me, but you may have to tinker with it. Scroll to the bottom of your style sheet and find the @media only screen and (max-width 1039), around line 3876 and add
body {
padding-top: 81px;
padding-top: 8.1rem;
}
In media files you only have to add css where you want it to start doing a certain behavior. It will continue with that behavior until you tell it something new. So you only have to add it once. I think (for me) it could use a little more padding, but 81px looks fantastic when it hits the 1023 break-point. So I might bump it up a little in the 1039 section and add it again to the 1023 with the 81px/8.1rem for the padding. Like I said, you may have to tinker a bit with the padding to get it where you want it.
Hope this is helpful.
Alrighty, I changed themes on this one and put it back to private. But if anybody has an idea how to do this for future reference, let me know.
Thanks 馃檪
Edit: By “left sidebar” I realize it’s not technically a sidebar. Just easier to think of it that way.
Hey, by the way, here’s the site I did it on. Got it live this afternoon, client has quite a few broken internal links to fix. 89 products converted to posts. Yikes. She can handle that part.
Cool! Definitely let me know if you find something “buggy.” Otherwise I’ll wind up in here for support wondering why something is “off.”
I feel like the plugin lady lately, but… I used a plugin called Theme My Login for a client. It has tons of control options, works very smoothly, and has short codes for login/logout pages. Simplifies everything. I like it because I could set it so that my client’s customers could log in and be taken straight back to a normal page on the site. They were logging in to download product info and videos and the sight of the dashboard might have been a touch freaky for them. When you are logged in the menu item changes to log out, and vice versa. You can add it to your menu just like you would any other page. What I did (and suspect Copyblogger did also) is give that menu item a custom CSS class, then add styling for that class in the CSS file. In all likelihood the image next to “login” is just an icon/glyphicon that is referenced as a background image, with a little left padding to get the text to not sit on top of it.
Adding a custom CSS class to a single menu item is way easier than you’d think and I’m almost embarrassed to admit I discovered it quite by accident. If you click the Screen Options tab at the very top right when you’re in the menus page you’ll see an option under Show Advanced Menu Properties that says “CSS Classes.” Check that box, close your screen options, and now you’ll find a new field in each menu item that says “CSS Classes (optional).” Give it unique name that you can easily remember, then go for it in your CSS file.
If you already know all this please just disregard. I figured if somebody else sees it who doesn’t, it might be helpful.
No problem – Genesis and Appfinite have made me look really, really good. I’m only too happy to do what I can to give back.
Thanks – you’re too kind. I wound up using the Photoswipe plugin for NextGen. It solves several issues my client has: showing large photos, it can’t be copied/right clicked on, and it is one less thing for client to have to figure out how to use. And it enables photo swiping (as the name would indicate).
Thanks again!
Edee
Alrighty, first of all, thanks for your patience. I completely forgot I had already asked this question. It’s an ADD thing I hate and it leaves me feeling like a ding-dong sometimes.
Second, thanks… this explains a lot. Like why I went and found a plugin – prettyPhoto Media – I thought would do the trick but when I tried to upload it it did the “you already have this” message. I must have decided to think about it some more and work on something different and by the time I came back to it I had forgotten I’d already asked. On a plugin like this one, how do I get around it thinking I already have this plugin? Would I change the name or pull files out that would be duplicated? Maybe just take a vacation? (lol)
Edit: That plugin just didn’t work. It was a different one that wouldn’t install. I’ll keep looking. Thanks.
AWESOME SAUCE!! Thanks, Eric! Made the change and it worked perfectly. To get it to work properly in portrait I changed the width to 1152px.
Beginning the “go-live” process in 3…2…1… cross your fingers!
Thanks – sometimes you just gotta go with a plugin. Appreciate the response!
I’ve found a lot of solutions, actually, but they’re all different and everyone starts arguing over what works and what doesn’t. I commented out the featured image in the portfolio file and went with content only and a linked image. Thanks, though!
Yes 馃檪 So sorry… forgot to write that in my post. Not an emergency, though.
Thanks – kronos (sorry for the delayed response). I did it in one section just with css – yay me! But I need another section split in half, so I think I’ll follow your advice and look at registering a new widget area. I know how to do it, I was being lazy and looking for a way around it. But I think adding a widget is better because then clients can put whatever they want there without worrying about margins/padding/floats, etc.
Thanks again 馃檪
If I may offer a suggestion, Soliloquy Slider is fully responsive and now includes a place for you to put in HTML for the caption. It accepts all HTML and I tested it with a optin box shortcode and sure enough it showed up. You would need to play with the css to get the positioning where you want it.