What's New
- AuthorPosts
Hi guys,
I have a couple of questions, I have searched for related info but couldn’t find anything…
1) I want to add an image (free shipping banner) at the bottom of the megamenu ONLY on mobile (see image 1 attached). Tried to add a custom content to the menu making it visible only for mobile, but the image is not showing directly. I mean, it works if I add a title because then it appears the tab, and when I clic the tab the image appear. But I want the image to appear directly, not after clicking. Is that possible?
2) Also, in the “mobile bar right” I want to acomplish 2 things: Add the social networks (all in the same line) and move down the search block. (see image 2 attached, social networks should be located under the “service client” link and above the “search” block once I can move it to the bottom).
3) On the category/product list pages, I created a swiper slider with 4 images (corresponding to the different size charts that we have) and hooked it to the sidebar (see image 3 attached). The problem is that I would like to open the images in a lightbox (if not, customers won’t be able to see size charts), but I can’t see the option. Is it possible to do that? If it’s not with the swiper slider, can you tell me the best aproach for this?
Thanks in advance,
Attachments:
Hi,
1. You can add the image via the Custom HTML on the Megamenu module, then I will give you a piece of CSS code to set it without clicking.
2. Please add the following code to the “Custom CSS Code” under Theme editor > Custom codes:.mobile_nav_box{display: flex;flex-direction: column;} .mobile_nav_box .search_widget_block{order:1;}
3. The swiper module can’t show a popup, it requires to customize the theme to meet your needs.
Best regards.Hi yobo,
1) Ok, I already did, give me the code so I can try please.
2) Done, thanks it works! Can you guide on how to add the social networks here? I tried with the “sidebar and mobile header bar” and “advanced custom content” modules but with no luck, I don’t know how to hook them there.
In addition, explain something to me please. As you can see, in the “mobile bar right” appear the “contact” and the “Service client” custom links, It’s OK for me because I want them there, but they’re not hooked properly and shouldn’t appear. Let me explain: I created a custom link for the contact (ID 12) to show it on the “mobile bar right” (see img attached), but then I noticed I had it twice. I don’t know why but when I created this new “contact”, the top bar “contact” (ID 1) and “service client” (ID 9) started to appear in the “mobile bar right”, and they’re not hooked there. So my solution was to DISABLE the newest “contact” I created so it wasn’t duplicated. But if I ERASE the last contact (ID 12) then the other elements (ID 1 and 9) dissapear… What’s happening?
3) Ok, no problem.
Thanks in advance,
Attachments:
Hi,
1. Do you want to show the images on mobile? see attached screenshot.
2a. You can use the “Social sharing button” or the “Advanced custom content” module to show social buttons. there is a social icon element on the module.
2b. Elements on the top-bar will show on the Sidebar on mobile, you can disable the icon that ID is 1 and 9, just create new icon to show on the right bar.
Best regards.Attachments:
Hi yobo,
1) I want to show this image here (see image attached), but without having to click on the tab to see it. I want to show it directly under the menu.
2a) What I want is to show the links to our social networks, not the sharing buttons. Yes, I know I can make this with the advanced custom content (already did for topbar and footer) but what I don’t know is how to hook them to the “mobile bar right”…
2b) That’s not what’s happening to me. By default, they don’t appear. Make the test I talked you about (you can do it on my site, no problem) and ERASE the element ID 12. If you do that, ID’s 1 and 9 will not show on the mobile sidebar anymore. They only show when I have an element like the ID 12 created.
As you can see, I have the social icons on the topbar as well and they don’t appear on the mobile, which is exactly what I want in the previous point…Thanks in advance,
Attachments:
Hi,
1. Please add the following code to the “Custom CSS Code”:#st_mo_menu_76 #st_mo_menu_block_77{display:block!important;} #st_mo_menu_76 .menu_a_wrap{display:none!important;}
2a. If you just want to show links to the newwork, you can use the “Custom Links” module.
2b. If you want to create the icon on to show on the “mobile right bar”, please add the following code to remove the ID 1 and 9 from the mobile:
#multilink_mobile_1, #multilink_mobile_9{display:none;}
Best regards.- AuthorPosts
You must be logged in to reply to this topic.