Gotcha, makes sense.

Quick question, the menu was editted to be white for the homepage (since its transparent), but since the background for the menu is white on all the other pages, you can’t see the menu on those pages.

Is there a way to edit CSS code for individual pages that won’t affect the entire site?

Sorry for all the questions. Once I get this down, I’ll be using this info for future sites as well :)

———

Also have another issue on this page on mobile: https://flashdance.jointdiplomacy.com/?page_id=21

I have a colored section at the top of the page that has a background image of two dancers. I positioned it to be top center which works on desktop. On mobile, the top of the image is cut off. Seems like “top center” starts at the very top of the page and the menu itself is covering it – as if the menu is overlayed on top of the image, rather than being above it.

Now that I think about it, the above will also resolve itself if I can just use the CSS from this thread on just the homepage only.

Thanks,
-Daniel

• This reply was modified 5 years, 5 months ago by Dzimnikov.

Any luck here? I know its a weird issue, maybe it has something to do with the settings of the slider itself? I’m not sure, websites are weird sometimes lol

That worked perfectly. Thank you!

Thank you for recommending the app, worked perfectly! Here is a video of the pop.: https://we.tl/t-JILLfB6jqO

How soon is the update coming? I’d rather not mess around with that part of the site (I’m still new to it).

Thanks,
-Daniel

I figured it out, had to do with selecting the builder on the page.

On mobile, the small bar above the menu has a white background. Is there a way to change the color of it on mobile? (The text is white, so you can’t see it).
Also, on mobile, as you scroll down the main page, the fullscreen slider image pops out a little bit. Is there a way to change that, im not sure why that is happening.

On a side note, developer doesn’t seem to be working for text boxes: https://imgur.com/a/coDdZjH
Is there a upgraded version of Enfold one can purchase with extra elements (like a pro version)?

Thank you for all the continued help!!! :)
-Daniel

Hi, this is super useful. Thank you so much! I made these changes to desktop only, so it still looks right on mobile! Rock on!

Is there any way I can remove the white background on mobile as well? Currently it looks like this: https://imgur.com/a/vAG9SK2

Is it as simple as making the background color opacity 0 or something to that degree?

Cheers,
-Daniel

Thanks so much. That CSS code was exactly what I was looking for. Worked perfectly. Yall are the best.

Several questions. How do I make the logo drop lower and align with the burger menu? Also, is there a way to move the burger menu farther to the right of the screen. Maybe change it from 80% width to 90% or something like that.

On a side note, does the newest version of Enfold not have the Advanced CSS editor? I hope not, it was suuuuper useful!!!

Cheer everyone!
-Daniel

A follow-up question.

On one site, I just uploaded the new version of the theme and it automatically erased the previous version and updated.

On another site, I tried doing the same thing and it says “destination folder already exists”. In both cases I’m running child themes. Can I delete the theme itself (the older version) and just upload the newest one right after?

Original question still stands btw. Thank you so much for you help!

Coolio, everything works. Thank you so much! Yet another reason to hate IOS and Apple in general. Do they ever make life easier…. never lol!!! Is there a way to make the text edit for just IOS devices? I’m going to try and find an IOS specific identifier and see if I can work some magic.

Out of curiosity, how does this line of code work: “#infotophelmet > div > div.container > main {“? Why do you need to use “>” to identify the area? What does “>” mean in CSS, why couldn’t you just use the custom name of the section? I’m just trying to learn so I don’t have to ask yall so many questions.

One last question. On the pages page, I can’t clone any of the pages, but I can on my other Enfold websites. Is there a setting I need to turn on somewhere to give me that functionality? Its incredibly useful for certain clients, like I have one thats a private chef that has a bajillion menu pages and cloning saves lives!

Once again, thank you thank you thank you!!!

Cheers,
-Daniel

• This reply was modified 5 years, 7 months ago by Dzimnikov.

Yup, lets do it. Thank you. I have another thread open where I need some help. Coupon functionality isn’t working properly :'(

Hey, looking to follow-up. Would like to get this fix as soon as possible.

Thanks,
-Daniel

This was their response:

Hi Daniel,
Yeah, I can see the issue now. I spent some more time on your website & this doesn’t seem to be an issue with the Smart Coupons plugin.

Please follow these steps to check:

Temporarily deactivate the plugin Smart Coupons
Now open the coupon ‘freebanger’
Go to tab “Usage restrictions” & look for the field “Products”. This field comes from the WooCommerce core plugin
Try to search the product ‘Quartz Banger’
You’ll get the same result which you were getting earlier

So it seems to be an Enfold issue, not an issue with their plugin. Can you please take a look and see if we can fix it. I really need the coupons to work properly, they’re a big part of our marketing plan.

Thanks,
-Daniel

Thos are still the first images… the featured ones. Those are the ones that I want to disappear when the “dab compatible” category is selected.

I want the second photos, the ones that have these: https://imgur.com/GRE94ul

I want those to show up (they are the second images for every product), when the “dab compatible” category is selected!

Yes, exactly. I want to hide the first image with the bowl and show the second image with the rounder longer transparent dab compartments.

The code above almost worked, though it made the second image disappear, not the first. I’m looking to get the first one to disappear and show the second.

Side question. I’m having a bit of trouble with a part of the coupon code generator. I purchased the woocommerce coupon extension, and I can now add items for free when a coupon code is activated. I have a coupon code named: freesnake that gives away a free snake bowl (the item is linked and 100% price reduction is applied). The problem I’m having is doing this with new products I add to the site. I have another coupon named: freebanger , and I want to give away the quartz banger product for free with it, but the product is not showing up when I type it into the coupon. Its not recognizing its existence. I’m not quite sure why.

Thank you guys for all the help!
-Daniel

I did remove it because it was showing the second featured photo across the board. I’d rather show the first photo across the board.

Feel free to test the code and try it out, but until its only showing the second featured photo when you click on “dab compatible” category, I’d prefer not to have the code there permanently.

Is that ok?

Thanks,
-Daniel

Not yet, something is being weird.

Its always showing the second image, not only when “dab compatible” category is selected.

Seems like the code isn’t picking up on the URL code condition, which is weird, because it was working before :'(

Can you please take a look?

• This reply was modified 5 years, 8 months ago by Dzimnikov.