Forum Replies Created
-
Posts
-
YES! THANK YOU! I’m really not sure how you know that wizardry code ;) But that worked perfectly :) :) :) Seriously, thank you so much, you just saved me either hours and hours or a lot of hair pulling!!! You’re the best. This ticket is safe to close :)
Thank you! That worked perfectly!! :) You guys are literally the best. I always feel like I’m talking to a celebrity when any of you guys reply :) Thanks again! Resolved :)
One more question. Is there a way to align one of these list items to the right? So 2 of them would be aligned to the left, 1 of them aligned to the right? I’ve tried playing with divs, multiple ul’s, but can’t seem to get it. I’m trying to align the li class=”local” to the right side of the page. Login/admin info in my original post is still valid. Thanks!
WOW! THANK YOU MIKE!!! :) That’s incredible, I struggled with why that wasn’t working properly.
Here is my final CSS based on Mike’s reply:
/* Misc - Adjusts the contact information bar in header above menu */ #header_meta { height: 53px; } #header_meta .avia-icon-pos-left { float: none !important; } #header_meta ul li { display: inline!important; padding: 19px 20px; border-left: 1px solid #E2E6E7; } #header_meta ul li:last-child { border-right: 1px solid #E2E6E7; } .phone-info { margin-top: 10px; margin-bottom: 0px !important; font-size: 14px; font-weight: 200; } .contact ul { list-style: none!important; list-style-type: none!important; } .in1 { display: inline-block !important; } @media only screen and (max-width: 870px) { #header_meta { height: 64px; } #header_meta ul li { display: block !important; line-height: 1.3; padding: 0px 0px; border-left: 0px; } #header_meta ul li:last-child { border-right: 0px; } .in1 { padding-right: 5px !important; } }Thanks guys! I created a child theme based on the above links and it’s working great.
My child theme will remain bare, in fact the functions.php and style.css are near empty (kept them as downloaded from above link). I only added the avia.js, loop-search.php and search.php files
Two last questions:
Does a child theme slow down the site’s performance/load times?
And since I used the “Import from Parent Theme” button within Enfold to copy my settings, are my customized CSS edits (found in Enfold -> General Styling) now found in 2 files and WordPress needs to read both when rendering my website to viewers (making it slower)?And same question re: search.php and loop-search.php (my edits to these files were wiped, but how can I keep my edits?)
cordellbrewer – THANK YOU!!! I love it when people are nice enough to take the time just to post a solution to help others like me when googling for a solution. This… worked… PERFECTLY!
OH, I think I got it. Enfold support, can you please tell me if this looks right? Trying to deactivate the lightbox on only posts:
Replaced with the following:
exclude : '.single-post a, .single-post, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',Searching brought me to this thread, solution seems great, but how can I modify this to disable the lightbox for just all posts, and keep the lightbox active for all pages?
Hi!
Please go to Enfold/js and open avia.js file and find
exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',and change it to
exclude : '#portfolio_page a, #portfolio_page, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',That was it! It was a combination of BOTH my “Content Slider” and “Text” that was not in a Color Section, and has to be a Color Section – putting these 2 elements in a 1/1 section doesn’t fix the issue (even though I have other 1/1 sections on their own). Ismael, why is that? Why would these elements not being in a Color Section break the look?
I agree with “better user interaction since users don’t expect the menu to be on two lines”. I saw this on one website once and it was…kind of weird. I think you’ve convinced me to just turn the mobile menu setting on at 990px, though I’m not too happy about it. Guess I need less menu items ;) Thanks for the quick reply
Hello
I’ve had it on a couple of pages, but always seemed to resolve it by removing or changing the offending element, but not this time. The page is Photo Booth. Thanks
A combination of all of the above codes worked! Thank you!! For anyone else finding this thread, here is my final CSS:
/* Media - Masonry Gallery - Makes masonry gallery full width on mobile devices */ @media only screen and (max-width: 464px) { .responsive.html_stretched .av-masonry-entry { max-width: 45%; } #top .container .av-masonry.av-large-gap { margin-left: 20px; } #masonry_full_width .container, #masonry_full_width .template-page { width: 100% !important; max-width: 100% !important; margin: auto !important; } }We’re closer, but unfortunately this is only working at 465 pixels wide and above. When I minimize the screen to 464 pixels or less, the masonry grid is not full width anymore. I added !important to all 3 lines as well. Now on mobile, the masonry grid is off-centered too, the same width as before.
Hi Vinay
Thanks for the quick reply. Unfortunately this didn’t work. I added the masonry into a Color Section, added the ID, and added the CSS. I see in Chrome’s “Inspect” console the padding: 0px !important being applied, but the masonry is still not full width.
I also tried to add an ID within the masonry itself, but still no luck.
Thanks Ismael, but even a 1/1 column layout is not full width. And, adding animation to the column layout just animates the entire column layout, including the background image. I’m looking to emulate the animation of the text only of the Fullwidth Easy Slider.
Thank you! That code worked :) Seems it needed the explicit “display: block !important;” if it needed to show, that must be the missing link there. Thank you!! (And sorry about the non-working admin account credentials, strange, but nonetheless this code worked).
LOVE THIS THEME!
Hey there!
Hm, that seemed to hide the “scroll to top” on all devices
Link to site with the above code in Private Content
Hi Jordan,
That didn’t seem to work – it produced the opposite effect: hidden on mobile, displaying on desktop. I also tried the below, but that didn’t work either, again showing the reverse of what it should be:
a#scroll-top-link { visibility: visible; } @media (max-width: 800px) { a#scroll-top-link { visibility: hidden !important; } }
