Forum Replies Created
-
Posts
-
That’s awesome, thanks Yigit. I now see how you spotted that….duh, I should’ve been able to see that as well. Thanks for your help!
Oh man, I must be blind. I could’ve SWORN I looked for it, and didn’t see it….DUH.
Sorry for the hassle! And to think I’ve been using Enfold for YEARS – I knew you guys wouldn’t have missed something as simple as this!
Thanks for the help! This can be marked as “solved” now :)
FYI I believe I am running the latest version of Enfold – 4.7.6.4 (although Theme Forest is showing there was an update on 10th December 2020, but changelog shows 4.7.6.4 update was October 5th, so not sure regarding the discrepancy…..)
Hi Nikko
Thanks for the response. I added the code into the CSS, but not sure how I can now set each individual icon to link to the pages I want them to link to?
Any help would be greatly appreciated!
Holy hell, it would be good if your “How to register a google maps API key” article actually mentioned that you need to enable Maps JavaScript AND Geocoding API.
Nowhere does it mention that you have to enable these.
I figured that enabling Maps APIs would make sense by myself, but I was only searching for “Maps”, and getting really confused why it was still throwing some errors.
Turns out it was the Geocoding API that needed to be activated as well. I had no idea what this was or why I needed it, hence not even looking for it.
Please update your documentation to reflect this – it might save others hours of troubleshooting….
Never mind, I figured it out thanks to this post!
I had the gallery set to “Perfect Grid“, which forced the title/description to be overlaid over the image….makes sense, when you are trying to keep a perfect grid!
Changed it to “Flexible Masonry” and now title/description are UNDER the image, and stay that way.
Thanks for the help and sorry for the bother!
Thanks Yigit :)
However, when I add the shortcode to a standard content block (after first editing functions.php with the script you provided), I’m getting the error:
“Updating failed. Error message: The response is not a valid JSON response”
when I try to save the post?
I tried inserting the shortcode in a Code Block element instead (rather than Text Block), and although it works, the “Written by” text simply appears at the top of the page, regardless of where I put that Code Block within the ALB.
Thanks Mike! I think that’s finally solved it. I took your second option, and added the separate coding, so we can control desktop and responsive separately.
Thank you! I think this can be (actually, finally!) closed.
Damn it, I spoke too soon. Checking in larger resolutions (ie desktop), and the text is still going over the button.
Should I simply modify the “max-width: 767px” to a bigger dimension?Ah perfect. I thought the padding was for the button, didn’t realize it was for the text. That’s fixed it.
Thanks for your help! Can set this ticket as “Solved” now. Thanks!
Hi Mike
I initially removed it because I didn’t notice a difference. I’ve put it back in, and I think I do notice a difference, however the text still comes very close to the button when testing on 375×667 resolution (iPhone 6).
In regards to the padding values, is it the “Left Padding” (in bold) that I should change to give it more, er, padding?
padding: 35px 40px 30px 35px
Hi Mike
Unfortunately that didn’t seem to do anything. Also I now notice some odd things about the site – the menu is overlapping the logo in the header, for example. I removed the code you suggested, thinking that caused it, however it didn’t fix that issue. Now I’m trying to figure out whether this issue was on the site before I made this most recent change….!
Sure, please see below one example. All pages (bar the first one) under the “Services” menu have the same accordion, FYI
Sure, here’s how mine appears in helper-main-menu.php:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true); echo '<div class="free_shipping" style="position: absolute; top: 20px; left: 400px; float:center; z-index: 3;"><a href="/shipping/"><img src="/wp-content/uploads/2014/03/freeshipping.png" alt="Free Shipping" /></a></div>';@corepart – I don’t know if it makes a big difference, but you’ve got your parenthesis and apostrophe’s in the opposite order. You have:
echo "<div class='logo_addition' style='position: absolute; top: 87px; left: -12px; float:left; z-index: 3;'><img src='leafoverlay.png' /></div>"; echo "<div class='logo_addition' style='position: absolute;right:0 ; z-index: 4; image-rendering: auto; display:block; width: 409px; height: 155px;'><img src='carbonheader.png' /></div>";I believe it should be:
echo '<div class="logo_addition" style="position: absolute; top: 87px; left: -12px; float:left; z-index: 3;"><img src="leafoverlay.png" /></div>'; echo '<div class="logo_addition" style="position: absolute;right:0 ; z-index: 4; image-rendering: auto; display:block; width: 409px; height: 155px;"><img src="carbonheader.png" /></div>';Thanks to your note however I finally managed to get mine working. For future reference, anyone else that wants to put an image in the header (not under the logo though), here’s my code:
echo '<div class="free_shipping" style="position: absolute; top: 20px; left: 400px; float:center; z-index: 3;"><a href="/shipping/"><img src="/wp-content/uploads/2014/03/freeshipping.png" alt="Free Shipping" /></a></div>';Totally confused. Tried putting:
<div class="free-shipping"><img src="/wp-content/uploads/2014/03/free-shipping.png" alt="Free Shipping" /></div>under
"echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);"as indicated in this thread https://kriesi.at/support/topic/add-image-or-text-at-top-of-homepage-between-top-logo-and-menu-on-right/, plus editing the .js file as you mention above, but it simply broke the site.
If I remove the div from the “helper-main-menu.php” file, then the site comes back, so obviously it’s this edit that’s causing problems.
Could you point out what I’m doing wrong please?
I want to do the same thing – I’ve just posted for help in another topic that is related:
https://kriesi.at/support/topic/header-adding-images-resize/
Hi guys
I want to do the same thing, and add an extra graphic next to the logo on the top.
I upgraded my template file to the latest version, and inserted the following code under “echo avia_logo” line as mentioned:
echo "<div class='header-addition'> <center> <img src="http://examplesite.com/wp-content/uploads/2014/03/free-shipping.jpg"></img> </center> </div>";however this just completely breaks the site. I’ve swapped the image code with text, and that works ok, so I’m obviously nearly there. Could you point out what I’m doing wrong?
Cheers
