Forum Replies Created
-
Posts
-
Hi Rikard,
I struggled a lot with your hook, I did not manage at all to place the bottom-left image close to the ‘frame/border’, so no, I prefer to use the hook I found myself. Can you advice on another method? I find it particularly strange that this footer issue, as described, only happens on IOS/Apple…?
In regards to the (missing) black/lines on tablet: on larger screens and mobile there’s always the boxed website (with the black line all around it). On tablet there is no blackline on the sides: meaning there is no margin/padding on left/right of the ‘boxed’ view/content… can’t really describe it any better, the current images make this pretty clear I guess? So the question is, how do I add padding/margin to the website on tablets?
just these two points & the site is finished. thx in advance for your quick response:)
Hi Rikard, that did the trick!
Two last questions:
– on ios/apple mobile phones the footer acts strangely / doesn’t show. the bottom line
ios:- https://www.dropbox.com/s/uwiaoljdvl12hwq/IMG-20210228-WA0000.jpg?dl=0
android:
- https://www.dropbox.com/s/nfnn40xdjmq6w0p/IMG-20210228-WA0001.jpg?dl=0
– on tablet there is no margin/padding around the box/black lines. How can I add this to these devices only?
- https://www.dropbox.com/s/cmok142uug7gk1k/Alles-voor-je-veilige-shop-gevoel-Hoeklijst.png?dl=0
Rikard, thx for this code, I added it. The strange thing is that initially the border is there, it only dissapears when you start scrolling down.
I think that often enfold shows a line like this when you place an element outside of a column, and as you cant place this element inside a container, I’m thinking that this might have smt to do with this?
Any suggestions? the url is now reachable without password. see link in private.
Rikard. to share which code I used to place the image in the site;
add_filter('the_content', 'add_content_after'); function add_content_after($content) { $after_content = '<img src="https://www.hoeklijst.nl/wp-content/uploads/2021/02/hoeklijst-logo-linksonder.png" class="bottom-left-image">'; $fullcontent = $content . $after_content; return $fullcontent; }Hi Rikard, nearly! for some other topics i started other discussions.
Perhaps it has something to do with a piece of code you added, but when I add the submenu option there”s this borderline under the submenu which goes from left to right across the screen.
Also, there’s the same thick borderline under the submenu as is with the regular menu.I searched this support-forum and tried 5 pcs of code, without any luck.can you help?
- https://www.dropbox.com/s/s2pwkthzqswm59s/Alles-voor-je-veilige-shop-gevoel-%E2%80%93-Hoeklijst.png?dl=0
Hi Rikard, I managed to hide the logo’s on screens smaller than 1200px. insofar so good. (am slowly understanding the code. just need to know how to glue to bottom left logo to the frame, as identical to the one on the top. with codes such as padding, left/right it moves beyond the frame.
any suggestions?can you help? or can another moderator Dude/Nikko/Victoria pls find some time to assist? Really stuck here….
Rikard,
‘your image goes here’.
do I need to fill in an image url, name, or (probably the css-class?)I’m not sure how I add a class to an image, as I thought I can only do this when I add the image as content to a page?
this is kinda out of my league….
Hi Rikard, in most other tickets I see reactions from moderators with large sums of code/CSS that customers can add to their site. I’m really stuck with the custom footer widget, asked 3 times and your reply doesn’t offer input on how I can realize a custom widget on the bottom left of the ‘frame’, identical to the one on the top right (though you have asked me several times to clarify what I want exactly, but then don’t offer the solution) ….. why is that?
Can you please provide support with this today? we’re 10 days further and i feel that this is being ignored whilst this is a key element of the whole site’s design!
Hi Rikard, woohoo..
I solved the cart position via means of a plugin. Works like a charm.
I also solved the bulky footer colour, seemingly it was a colour setting.
I addedborder-bottom: 2px solid #000;to .main_color .container { . now we have a line underneath as welladded the code below and added CSS class ‘mybox’ to the text field on https://www.hoeklijst.nl/home-2/. Is there a way to add a padding to ALL content? Is quite a hassle otherwise to give all content a css class..
`@media only screen and (max-width: 767px) {
#top .mybox {
padding: 30px;
}’I tried several pieces of code I found in other service tickets to add a padding to the custom header widget (the logo on top right), to prevent it from being cut off when you make the browser window smaller…didn’t succeed.
- https://1drv.ms/u/s!AqR2jDw4h-rJ0i1G6v_w1cxtIjB-?e=JfzUzD
Can you advice?
What I dont understand is why the box is perfect on https://www.hoeklijst.nl/home-2/ but on other pages the lines don’t go all the way up to the menu bottom line. see:
- https://1drv.ms/u/s!AqR2jDw4h-rJ0jQc3OE8EkU31VZI?e=Zq0IQX
how do I fix this?
Hope you can help me with the custom footer widget, as I can’t find any documentatoin, then we actually have a site that makes everyone happy :D
Hi, Rikard. You are correct, it should be fixed, as is with the top right one. The cart icon should be next to ‘contact’ in the menu. Can you please help me out with these placements?
Do you have any clue by the way why there is this bulky footer colour in #333333, as i’ve configured the page to contain no footer
Then I’ll dive into the w3 schools (or hire one of Enfolds freelancers if I can’t manage) for the translation of this design to mobile.
Normally I’m capable of doing 99% myself, as you might have seen with other code/CSS I added, but this is a new frontier for me and I am unable to find much help in existing/old tickets.
Hi Rikard, any updates/news from your side? We’re hoping to go live in a few weeks and this design challenge is the main bottleneck. I know that for the content etc. Enfold will be amazing. Am eager to build my first WooCommerce Site with Enfold, so I’m hoping it will all work out peachy.
Hi,
On desktop it’s getting there, thanks for that. :)You added a 2nd header widget, but the idea is that there is a 2nd widget area in the footer, on the bottom left, which wraps around the black line, such as the case is with the one on the top right. I can’t find any documentation on how to realize that. could you help with that?
The shopping carts seems to get lost above the logo.
How can I realize this layout on mobile devices?
Best regards
Hi Rikard,
I added the code, this is what happens:
Logo Place
I indicated the desired place, outside of the box, on its edges top right, with a red line. How do I get the logo there? :)The other logo should be on the bottom left, similar to the top right as indicated above. Would be FAB if you can explain me how to add the widget and force the logo in the right place with css.
Personal note in the comment
see: image
Hi Rikard,
I think you might have overlooked something in my posts above, I did add it, in the top at least and as written “it overlaps and I can’t seem to get it right”.
(my other question is: how do I add a widget on the bottom, I can only find info on placing this in the header?!)see page url and admin credentials in the private content. you guys aren’t reachable by phone are you? It’s not going very smooth in these tickets :)
Hi Rikard,
Thanks for your quick reply.
How would I achieve this? (place containers)
Also, what do I need to do for the customer wdigets, as you proposed, to be shown as a wrap around the corners / in top right and bottom left?hi Victoria,
could you provide me with answers to all of my questions please? I’m really stuck and quite surprised with your answer, as I placed my idea for the website september last year and Rikards reply was rather different than yours. Now I invested time in this site and you say ‘what you want isnt possible’. Would helped me a lot if I was given this info 4 months ago.> Border: so it’s not possible to give the boxed site a solid border? Any other solutions to achieve something like this? This is kinda the main element of this site its housestyle :/
> Border: just below the top, on the left and right side, the border has a gap, why?
> Extra Widget for logo in header and footer , to appear top right and bottom left: I added the code for the top header, Rikard mentioned I would get help with putting the logos in the right place. Also, how do I add and configure the logo on the bottom?Hope you can provide help soon, as we are nearly a week further and your reply insofar makes me pretty worrried, whilst a deadline is coming up
Hi Rikard,
so, the content to the website seems to be resolved.
As for the border around the boxed site, I added #wrap_all
{ border: 2px solid black; }
Does this do the trick for all pages? There is some white area on the left and right top of the border, why? Also, the top border dissapears when you scroll down, whilst it should stay.
Also, I’d like the menu + widget to be above the border. (and the widget with other logo on the bottom left to be outside of the frame as well)I still need help with the other comments.
Hi Rikard, Finally the customer was able to give me content and I’ve tried to realize the site according to his wishes. But I’m quite stuck! There are several issues in this ticket, please brainstorm with me on all of them:)
! content that I add to the page doesn’t seem to appear on the page.
What have I done insofar.
>Disabled “merging and compression” for CSS and JS files from Enfold > Performance.
Boxed Layout
Disabled logo.logo { visibility: hidden !important; }Set the desired logo as ‘logo right above, menu below left’ and added the code to the functions.php
//-------------------------------- // Header widget area //-------------------------------- add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }Added the logo to the Widget area
And from this point onwards I’m stuck.
How do I get the widget area in the header to wrap around the right corner as is portrayed above?
How do I add a widget for the footer and wrap this around the left corner?
How do I add a border to the boxed website?Hi Victoria, I’m afraid that solution won’t satisfy, as I said: I manage two websites and both use the same plugins. In one the website works fine, in the other it doesn’t and it’s becoming frustrating. I do hope you can look into this further…
Hi Victoria, a different user role than admin? with my role i should have full access, so i doubt that will change anything. The problem remains in both chrome and edge. Didnt try other browsers but the strange thing is that another enfold site which I manage works fine, whilst this site has some weird bugs such as this admin issues.
how can you help me?
