Forum Replies Created
June 29, 2016 at 8:35 am in reply to: Full Width Button "Display a Small Arrow" Not Working #654657
This, well, basically breaks everything :( and speaks to the random issues of using the full-width button and color sections. After placing the “Yes Please” full-width button into a color section, the footer is now “boxed” and all other full-width buttons are no longer full width.
This has happened several times randomly, and I can’t seem to isolate why. Any thoughts?June 25, 2016 at 10:23 pm in reply to: Full Width Button "Display a Small Arrow" Not Working #653432
Yes. That seemed to work. Good workaround.
But now I’m having a related “down arrow” issue on the live site. Could you tell me how to turn “off” the down arrow on a full width button? Not ALL of them (which is what happened when I targeted the class via Chrome Dev Tools and set to display:none). I only want to be able to target (turn off, or change the color of) the dark grey down arrow on the “YES PLEASE!” button under the video.
This is happening to me too, randomly. Unable to determine the cause. Please help!
That fixed the container issue. Thanx!
The other bigger is still there. It doesn’t disappear on scroll, it disappears after you click one of the menu items. For example, click Pricing, and it scrolls to the anchor point of pricing (that’s good) but the menu is no longer sticking to the top of the screen on mobile (that’s bad) and the mobile hamburger menu disappears (also very bad).
If I disable all the CSS mods then the menu clicking works, but the sticky menu on mobile is disabled (which is a CSS mod too).
Thoughts?May 15, 2016 at 1:43 am in reply to: Full Width Button "Display a Small Arrow" Not Working #632410
Please compare the live site with the staging site, and you’ll see everything that it broke. Changing the “top” on the same classes did not fix anything.
The CSS is still applied. Still has the same issue on my Galaxy S6 Edge+ and all other android devices I’ve checked it on. Don’t have an iPhone to check with at the moment.
It actually includes the page title too. How can I change it so it ONLY displays what’s in Settings > General site title?
This is a fresh copy. I also already determined that it’s a CSS issue in the child theme stylesheet by deleting all of the adjustments there, it fixes the dissappearing menu part. Could you have a look at that CSS specifically and let me know what to change? Thanx!May 12, 2016 at 9:22 am in reply to: Full Width Button "Display a Small Arrow" Not Working #631233
So . . . yeah, that kinda broke, well, everything. Jacked up all sorts of background images, colors, sections, and to boot, the “arrow” is now half of an octagon. :(
I already did that with the plugins. Then turned them back on. No luck. They’re all off now. Feel free to turn on/off, or overwrite whatever you need to to fix the issue. This is a staging site, it’s not live.
I have narrowed it down to being a CSS issue though. Having deleted everything in my custom CSS file, it fixed the disappearing menu issue. However, the menu still “unsticks” on mobile devices.
It didn’t solve anything. I included the credentials. Please let me know. Thanx!
~ MichaelMay 10, 2016 at 9:48 pm in reply to: Full Width Button "Display a Small Arrow" Not Working #630250
Thanx for the help. Sorry about the login. It should work now. I restored the site from a previous version while changing some things and that removed away the original login. Should be set now.
A third issue I’m noticing is that the right border / centering of everything with the content is slightly off. Scroll down to pricing on your phone and you’ll see what I mean. Less of an issue than the first two, but would still like to solve it.
Thanx! Got that problem solved. But now another bigger one popped up :(
When viewing on an actual mobile device (not just small browser window size) and you click on any of the mobile menu links, two bad things happen :
- Menu Un-Sticks
- Mobile Menu Disappears Entirely
Super important to fix this one sooner than later. Included login info.
That ALMOST works :) It keeps the menu from jumping, but now when you scroll down the hamburger/menu lines animate to the right. Wasn’t sure where else to put the margin-right setting to keep it from doing that. Thoughts?May 3, 2016 at 1:22 am in reply to: Problem with iframe inserted in a code/text block in avia layout builder #626101
Gothcya, didn’t realize you updated your post. Still no luck though. Now the bullets are just misaligned :( Thoughts?
Thanx for the info. I’m already able to use it on the site. What I need to do is have an independent copy of it to exist on the other site, and have it complete with the multiple links. Note how all the logos have different links. What’s the best way to copy that or set up multiple links on an SVG? Thanx!
Perfect! Nope. No more misunderstanding. I think that accomplishes exactly what I was hoping to do. I’ll post back if there’s any issues. Thanx!
It’s updated in the pastebin? <- if so, I didn’t realize pastebin was collaborative. > Or is there another link? Could you tell me what was changed? Thanx!
Here’s the pastebin for my Child Theme Functions. Thanx!!
I just used FooBox for now, which works GREAT! Though I appreciate the github link. You can close the ticket now. Cheers!!
Sorry I might not have been clear. Was wondering if it’s possible to link to classes? So I can call .only_desktop from .third-logo in order to not write another @media query specific call. Does that make sense?
Fantastic! This worked PERFECT Ismael! Thank you!
Just one follow up question. Can I call another class like “only_desktop” <- using this from another thread, very handy > and somehow link it to the third logo here so it’s automatically hidden when the mobile/hamburger menu pops up?
I know I can do a separate @media call for that, but I’m wondering if I can just reuse the class that already does it. So basically, can I call a class from within another class?
Does it need to be in the core theme functions.php? Or can I just use it in my child functions.php? Because I tried the latter, and it didn’t quite work. I say “not quite” because, it looked like the PHP call at the top and bottom either didn’t need to be there or where inverted. So I deleted them to test that, and it actually worked . . . for a second, then it crashed WordPress (doh!). Luckily WPengine has great backup point management :)
Any help with the last yard on this one? Almost there, just not quite. Need help with the Image / Use Map / Links solution.
Thought I had a fix for this, and it SORTA worked, but it was kludgy. Just embedded the third logo on the right into the background image, but it doesn’t scale/responsive well :\
So . . . I think I hear what you’re saying, but could you post the CSS to accomplish the following goal?
- Desktop : Show all three logos, where they are left, center, and right aligned
- Mobile & Tablet : As soon as the hamburger menu is shown, hide the logo (date) on the right.
Ok, coupla things for those finding this thread and frustrated with SVG implementing in WP
- https://wordpress.org/plugins/svg-support/ <- this works, just make sure to add width & height attributes (duh!)
- Use either a Text Element for placement (for easy alignment options) or Code Block
Image Map <- Still need a solution for this.