Forum Replies Created
-
Posts
-
Great thank you! What of that new code could be modifed to shrink the search width down a bit and align it right, away from the logo, but still just left of the cart icon? Thanks again!
Screen Resolution Test:
1920 x 1080Screen Width: 1920 pixels
Screen Height: 1080 pixels
DPR(Device Pixel Ratio): 1
Color depth: 24 bits per pixelThanks that seemed to bring it back. Any idea why it stopped working after the latest Enfold update?
I’m not sure how you are getting that to show up without About Us and Customer Care showing up, creating with space on either side of search bar. But what you have in your screen shot is what I am looking to make my screen shot closer to looking like.
Also, I’d like to right align it closer to the cart icon, with more space between right of the logo and left of the search bar? Thanks.
It appears to be something in Siteground cache plugin, but what? Although it seems deactivating it and reactivating it fixes this particular CSS, which seems wrong.
Unfortunately that does not work and does not produce a smaller button width. Actually I combined your solution with my previous attempt, and this seems to work:
.woocommerce button.button[name=”apply_coupon”] {
min-width: 60px !important;
width: 120px !important;
}Hi Mike. Trying to get this into our store subdomain too. On the search border and button highlighting to white on hover, how can I change that. I seem to be missing something here compared to the main site. Thanks!
It appears the conflict is between Enfold, Woocommerce and the Retainful plug-in. Once I found it and deactivated Retainful, the issue went away. Not sure if this is helpful to anyone or you’d like to test the three in case the issue lies within Enfold theme itself, but if you do and discover something, please let me know and when a patch might be. I suspect the issue is almost entirely with the Retainful plugin, but FYI. Thanks.
Thanks Mike. Does this CSS effect the mobile hamburger menu and cart moving closer to the logo, and if so, how to adjust those back to the right?
I now also have a more pressing issue. It seems after updating Woocommerce, there is a conflict with Enfold theme (child) and it. Users are getting Sorry, your session expired messages. Switching theme to Storefront fixes it. New ticket, or can you help with this? This is on our full ecomm store. Thanks.
Those additional CSS tweaks seem to work. What area would I use to change search bar border color/radius, and which area to adjust the search icon? Also, will I be able to copy all of this over to live site(s) with full functionality?
Appreciate all the help Mike, you guys are good!
Mike, thank you!! Nearly perfect. I assume I can add CSS to control looks like width, align right (towards cart icon more), border color, etc. in your CSS snippet?
Yes I will look at SearchWP functionality next. For now, ideally, I would want the desktop/tablet users to see the open/static search bar where I specified, responsive for different screen sizes in that range, and not shown at all for mobile users since, as you mentioned, there is no room. I do not want it below the menu bar really.
I have tried the Header Widget Area code, it does not seem to function as intended, at least not on our site. Please advise how I can achieve what I am after within Enfold theme. I’d prefer to stick with you all vs using some other them. Thanks again.
I have that PHP code in a snippet. Again, your search bar shows up if I put it in the upper left where the phone number is (extra info under your theme options). So I think the code works. But when I try to add it as a custom link menu item, it does not work currently. I have also included user name here. Also I am not sure how to put a search bar in as in your knowledge base demo, are there instructions for that?
I’d like the look of your search bar (and controllable width and looks using css), probably with SearchWP functionality with the code you linked to, between the logo and the cart icon in the white space that is currently there. Please advise asap, I’m sure this is possible but I might be missing something simple. Thanks!
Hello. I have put it in the Snippet plugin. If I put the shortcode where the phone number is above the logo, it appears (although moves things down and looks odd). I will need to implement on two live sites, so I will need step by step instructions on how to properly do this. Thanks for your help!
No that does not seem to work at all. I put the shortcode in a custom link Navigation Label field with no URL. Put PHP in a functions snippet. Your CSS doesn’t seem to change anything. Please advise how I get your search bar to the left of the cart icon and centered in the logo/cart bar area vertically. I had been trying with the info at https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area but that does not seem quite right either, and I think some of the code is copied/pasted incorrectly possibly. Thanks.
Hello. No I need the embed code from you (PHP) to make it look similar to an amazon type search bar, but using your search functions in the theme and our integration with SearchWP. The only other code I have I sent previously. Basically, I want a static search bar using SearchWP plugin to the left of the cart icon and centered in the logo/cart bar area vertically. In other words, your search feature, but open/static in the position described. And for some reason at this moment, results titles appear to be in white. Thanks for your help!
Thanks but I am not sure this makes much sense as it pertains to your theme perse. I had this from an older support doc (https://kriesi.at/documentation/enfold/header/#toggle-id-2):
//——————————–
// Header widget area
//——————————–
add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}That’s as far as I got. Please have a look at the referenced page in private content and advise full steps to accomplish this.
OK thanks, but now the sidebars are always present at full browser maximization, and top/bottom and minimization. How can this always be full screen??
