Specular - Social media not showing - Scroll down issues - Dropdown menu

Widgets not showing on responsive

- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  I have my site almost ready (using the Photography template as a starting point), so I gathered a few issues I found in the customisation:
  
  · Social media icons do not appear, I had to create a submenu but I rather had the icons at the bottom of the header
  
  · The scrolling down of the pages works weirdly, it just jumps down from one item to the other (xex: from a slider to text content) but I would like it to scroll smoothly (as it happens in the template demo) – that way I can align items as a single long page, not to look as independent pages that jump one to another
  
  · The header doesn’t respond right to the dropdown menu, when the list items stick out from it they are impossible to see. Also, is it possible to centre the dropdown menu so the accordion centre aligns with its main menu?
  
  Many thanks in advance!
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  Can you please add some valid credentials in your profile data? Read this article for more information.
  So we can check closely the configurations and fix these for you.
  
  Best regards!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  Done!
  
  – Thanks :)
- 6 years, 11 months ago Mirela
  Participant
  Hello,
  
  1-The socials in header were added like a menu. You have the widget socials for that. not need to add it as a menu. I added the Specular Social Widget and it’s showing ok.
  
  2-This is the style of the demo you have selected. To change the smooth scroll you need to edit theme code. Sorry but this is a customization not included in support.
  
  3-This is not quite possible but you can change the position by using this custom css:
  
  .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu { top: -50px !important; }
  
  I already added it into your Custom Css box in General Options.
  Change the value to your wish.
  
  Best regards!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  Thanks a lot for your help so far!!
  
  I just actually disagree on 2 – I just might be using it wrongly but it seems to be scrolling smoothly at the demo from the template I used:
  
  https://codeless.co/specular/photography/
  
  Best!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  So… any thoughts on that?
  
  I would actually just have the smooth transition that shows at the demo, as if one item wasn’t detached from the other.
  
  https://codeless.co/specular/photography/
  
  Thanks!
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  I understand your point!
  Please go to each page’s General Settings > Page Options & Style > Fullscreen Sections Sliding, set it OFF (screenshot).
  Let me know.
  
  Best regards!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi!
  
  Yup, that was it! Thanks again :)))
  
  Best!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi there,
  
  I just have 2 last issues with the site;
  
  1. does the header height has a limit? – if I add widgets, or a long submenu, it is not possible to navigate in it ´is there a way to fix that?
  
  2. just a question; the hover box element that I’m using (coming as default element) does not work in the responsive mode, right? – I mean it doesn’t react as a link button in small devices because it ‘doesn’t hover’ there, isn’t it?
  
  Thanks!
  
  Best regards!!
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  1-Yes, this type of header (side header) is limited in height, to the height of the screen. Because the style of the demo is fixed header with content scrolling beside it, so the header can not exceed the visible space.
  I can suggest you organize the menu in sub-menus to add more items to it.
  
  2-In responsive, this effect is gotten by the tapping action. Not hovering.
  
  Best regards!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hello!
  
  1- Ok! I’ll work with that in mind
  
  2- That’s what I was expecting, but it is actually not working
  
  Best!
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  2-Can i see a link where are you having these? I only see slideshows in the pages.
  Let me know.
  
  Best regards!
- 6 years, 11 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi!
  
  Sure, here for example:
  
  https://www.directorasdefotografia.com/index.php/directorasdefotografia/
  
  Best!
- 6 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  I opened the link in a mobile device (samsung s6) and i do get the hover effect when i tap on a portfolio item. See a screenshot of it: https://postimg.cc/image/i04qkev9j/
  
  Are you not getting this? Let me know.
  
  Best regards!
- 6 years, 10 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi Mihaila!
  
  The problem I had above with the hover not working on iPhones disappeared for a while but now is back, is not working and we checked different devices and it isn’t working in any of them, what is quite of a big problem in our site… any thoughts?
  
  Thanks!
  
  Best regards,
  
  j.
- 6 years, 10 months ago Ruco
  Keymaster
  Hello,
  
  Please can you add this line into Specular > Custom Css Box:
  
  @media(max-width:767px){ .vc-hoverbox-wrapper.vc-hoverbox-width--100 .vc-hoverbox{ pointer-events: none !important;} }
  
  Let us know.
  
  Regards!
- 6 years, 10 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi Ruco
  
  Thank you for your answer! – It’s not working though :(
  
  The weird thing is that everything was doing ok a couple of days ago, and I changed nothing in the meanwhile. It just stopped working…
- 6 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  Please check the links. I recommend you to add the link at the column and not to the element itself.
  
  Maybe you have added some links there that have created this issue.
  
  Regards!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  But the element it’s a button to a link of each photographer (that’s why the element is designed I guess, to be a button to a link), so it wouldn’t make sense to add the link to the column.
  
  And it was working before anyway, I did nothing and it just stopped working.
  
  So you suggest to create a single column for every element?
  
  Where should I add the link though? The element has a specific place for that that is supposed to be working (and it was).
  
  Could you check that. It is quite crucial for our website.
  
  Thanks a lot!
- 6 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  Please provide to us your right credentials so i can login and try to fix this issue.
  
  The credentials you have written doesn’t work.
  
  Let us know.
  
  Regards!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  This reply has been marked as private.
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hey, did you find what the problem is?
  
  You got me, right?
  
  The hover is not working in cellphones, the problem is that, not the links. Is not even possible to access to the link from a phone. But it was on Monday, and the links worked. And I didn’t touch anything. So something happened with the theme.
  
  The site should be working fine tonite, is the opening.
  
  What are your thoughts?
  
  Thanks.
- 6 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  I have tried lot of things. The problem is that i can’t see no reason why of this issue.
  
  We will try to check it again tomorrow.
  
  We will find a solution asap.
  
  Regards!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Ok, thanks!
  
  It’s very strange indeed, let me know when you find out!
  
  Best,
  
  j
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Still nothing?
  
  Any alternative solutions?
  
  Thank you!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hey, anyone there?
  
  The hover is still not working on cellphones!
  
  Thanks!
- 6 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  The only thing way to check it is to install the latest version of the Visual Composer. If you are ready we can install it for your and test it.
  
  Let us know.
  
  Regards!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  Hey!
  
  I installed the Pro version of WP Bakery (VC) and of course the last one, so it would be ready for you to check.
  
  Also I would like to have an alternative solution if this keeps not working.
  
  Thanks!
  
  Regards.
  
  This reply was modified 6 years, 9 months ago by directoras de fotografía.
- 6 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  I have send you the visual composer version that you have to install.
  
  Let us know.
  
  Regards!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  This was already installed!
  
  This reply was modified 6 years, 9 months ago by directoras de fotografía.
- 6 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Please make sure to have installed the version we send you. Even if it may have the same version number as the pro-version you have already, the version we send you is customized to work well with theme.
  
  Please confirm you have our version installed and then we can proceed with testing.
  
  Thanks!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi again Mihaila!
  
  So, to install your version I have to uninstall the one I was using previously… wouldn’t that cause any problem with the theme?
  
  I cannot risk to have it not working…
  
  Thanks!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi again – when I get ready to uninstall the plugin it warns me that I would loose all my data related to it, and I cannot install yours if I don’t uninstall the previous, so… what should I do?
  
  Could I actually get more than one answer from you a day, please? This is going super slow and the problem actually comes from your theme…
  
  I’m quite desperate, the site is been working for two weeks now and obviously the clients are not very happy… I would really appreciate your help on this.
  
  Thanks a lot!
- 6 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the late reply.
  You can just replace the plugins files directly in folder wp-content/plugins/js_composer. Use a ftp account or cpanel to do this.
  This way the files will be of the plugin we include in theme folder, and the settings will not be touched!
  
  Best regards!
- 6 years, 9 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hello Mihaila,
  
  I did replace it, some of the files weren’t able to copy but most of them did.
  
  The hover was still not working but I bought another plugin and I did solve that for now.
  
  I have this other issue happening, I attach file that shows it here (is an error that heppens when you scroll):
  
  https://www.dropbox.com/s/jstx5rp0a5j7zly/b1f7c3df-ec03-409f-a2fa-8a7c7b9a5e79.JPG?dl=0
- 6 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the late reply.
  I checked all pages and some posts, i scrolled down but nothing happened. When are you getting this? Can you send us a link of the page you are having this? What browser are you using?
  
  Best regards!
- 6 years, 8 months ago directoras de fotografía
  Participant
  
  Expired
  It happens in laptops, both MACs and PCs.
  
  It seems like something that has to do with the responsiveness, but that is just my guess.
  
  –
  
  Also; is there a way to randomize the button order on the pages with hover effects? – (I mean that every time you refresh the order is different)
  
  –
  
  Thanks a lot!
  
  This reply was modified 6 years, 8 months ago by directoras de fotografía.
- 6 years, 8 months ago Ruco
  Keymaster
  
  Hello,
  
  I think the issue is caused by the sticky header that is switched on. You have to deactivate it and the problem will be resolved.
  
  Open Customizer > Header > Sticky and switch it off. Click on save and retry.
  
  Please can you show me the order button because i can find it in any part of your website.
  
  Sorry for the delay but we was trying to find the issue and fix it for you.
  
  Regards!
- 6 years, 8 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi Ruco!
  
  The error is been solved with the sticky header solution, thanks!
  
  –
  
  With the button what I meant is if in pages like this:
  
  Directoras de fotografía
  
  is possible to randomize the change of order for the items like these (I attach screenshot).
  
  https://www.dropbox.com/s/yhpykoqpga679fn/Captura%20de%20pantalla%202018-11-03%20a%20les%209.14.34.png?dl=0
- 6 years, 8 months ago Ruco
  Keymaster
  
  Hello,
  
  No, with single elements is impossible to do that.
  
  Regards!
- 6 years, 8 months ago directoras de fotografía
  Participant
  
  Expired
  
  This reply has been marked as private.
- 6 years, 8 months ago Ruco
  Keymaster
  
  Hello,
  
  If you use portfolio instead of the elements you are using we can change the WordPress query order into random.
  
  Let us know.
  
  Regards!
- 6 years, 7 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi again,
  
  I finally solved it with a Post Grid from the WP Bakery Addons and a lot of tricking :)
  
  Thanks!
  
  Best,
  
  j
- 6 years, 6 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi there!
  
  I’m finding an issue with the Widgeted area (social media buttons and language switch).
  
  Is not showing in responsive mode (tablet and cells) – is there a way to have it there too?
  
  It would not make a lot of sense not being able to have this.
  
  Thanks in advance for your help!
  
  Best regards,
  
  Júlia.
- 6 years, 6 months ago Ruco
  Keymaster
  Hello,
  
  Please try to add this custom css to make what you want possible:
  
  @media(max-width:979px){ .header_7.header_wrapper .header_widgetized{ display:block !important; margin-top:-60px; margin-left:120px; } }
  
  Regards!
- 6 years, 6 months ago directoras de fotografía
  Participant
  
  Expired
  
  Hi Ruco!
  
  It seems to work now, thanks a lot!!
  
  Best++
  
  j

Viewing 45 reply threads

You must be logged in to reply to this topic.

Community Forums

Specular – Social media not showing – Scroll down issues – Dropdown menu

Site Links

Useful Articles

Login