Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by simona6

  1. We have come across a problem, that is solved on many other websites. Let's say you have a shop website, with Mens, Womens, Housing... and so on. On Desktop you hover over Mens and up comes the menu. But on Tablet, you tap on Mens and up comes the menu. But in WordPress this doesn't happen. when you Tap Mens it goes to the Mens page. Is there a simple JS or Functions.php that can be added, so that the 'first tap' simply expands the menu, and a second tap opens the page. Great examples are these: https://www.johnlewis.com https://www.houseoffraser.co.uk Both have main menus, and the dropdowns work. and only open their parent pages on the SECOND tap. You might select Mens or Womens, and the dropdown menu appears. When you select Mens again, it goes to the 'Mens' page. How do you achieve this in WordPress? I found this possible answer: https://www.tbare.com/2014/04/disable-click-on-wordpress-parent-menu-with-children/, but annoyingly, his answer is how to disable it completely, but is it a means to a solution? I want his "Safari on iOS handles SuperFish pretty well – the first tap drops down the menu, and the second tap will actually take you to that page"..... Can his coding be tweaked so that for these parent menu links, they open the page on 'taps'... on only the second tap? Can someone please help, so we can add a script that does it perfectly?
  2. I've to a strange problem with some basic HTML and CSS. I know you can put a <span> inside a <div> and it will show inline, such as using additional classes on inline text. For some reason, ours seems to 'block' to the next line. .grve-title > span { display: inline-block; white-space: nowrap; } With this set, our Spans are going to the next line, but only if the span is long. So if you have a span that is longer than the container, it will wrap. If it is one word, it won't. Any ideas?? If I deselect the display part of this class in Inspection, it doesn't block at all, it just goes to default. I don't however know how to disable this "display: inline-block"?!
  3. thanks. Sadly WP Bakery's free version has no support, but we have the same issue on a paid theme that has good support, so referred it to them. If they get it sorted, i'll post on here how it got working.... if it does.
  4. Why should it be avoided? Shame WP Bakery cannot do it, especially when there is the checkout that it states can do it....
  5. So if I Opted for the method I mentioned..... A row of two columns (text in first). Hide first col on mobile. Add second row, copy that text in there. Hide that row on desktop screens, but show on mobile. Is that acceptable in SEO? I ask as I was always told that hiding *anything* is bad, even if you show and hide depending on media size. Simon
  6. Great - so how do you do it? The other idea is to add another row, with the same text, hide for all devices bar mobile, and them hide the left column on mobile. So when the screen is smaller, one disappears, the other shows. But I thought hiding and showing content is bad for SEO.
  7. https://themenectar.ticksy.com//article/11298/ This is what I am trying to do, but on mine, it fails every time. I do have that RTL checkbox, which I Assumed would just do it.. but no. so I did the class and the CSS but again, no.
  8. So using WP Bakery, can you see how I make it work, as I was told that's all I needed to do. Assign that class to the row. And it should just reverse.
  9. You see "Left" and "Right". In WP Bakery they are two columns. The 'row' has class: home-promo-client-left assigned to it, with the CSS quoted above. I want that CSS to switch it around on a mobile device. So on a mobile, Right goes 'above' Left.
  10. https://www.79design.org.uk/direction/ We are trying to use WP Bakery's tools, and the Flex Direction CSS. @media only screen and (max-width: 1000px) { .home-promo-client-left img, .home-promo-client img { max-width: 92%; margin-left: auto; margin-right: auto; } .home-promo-client-left { margin-right: auto; margin-top: auto; display: flex !important; flex-direction: column-reverse; } } We have this in the page. The image part is for another page, but the column reverse for mobile is being ignored. Any ideas why?
  11. Hi. I think it is something in the theme doing it as I added two rows with an icon on the second one on a different WP theme, and it did exactly as expected. Moved up with a minus top margin, no z-index needed (as I agree.. that can cause other issues). And went over the upper Div. So I will refer it to our theme devs. What should work in CSS, is being ignored for some reason.
  12. Also an oddity... it has a sticky menu. If I set it just to be margin-top: -100px, it appears to crop the top as it goes behind the previous DIV. But when you scroll the screen it goes over the sticky menu with the high z-index... still cropped...
  13. Alas not, as this is purely in a preview... It's in WordPress using WP Bakery. One row after the other. Each row has three columns - tho only the center one is being used (others are to create gaps). Above the 'element' for the Heading, is the Info box to add the icon. All rows are relative positioned. Even if I set the icon DIV to be absolute, and high z-index, it still goes under the previous DIV.
  14. I am creating a page with rows. Each row is a Step in a process. In the second, third and so on rows, above its title I have added am element with a 'down arrow'. I want that Element to be 'in front of' both DIVs. When I do it now, and set a minus top margin, it goes up, but behind the row above. How do I make it go in front of it? I've done it with SVGs so it's making it have that layered look, but doesn't seem to work on DIVs only. I assumed z-index: 20000; would do the trick, and even if I set the row above to be a lower z-index. Help...
  15. don't worry, our Access Control plugin actually does it! Oddly enough. But... is there a way to apply display:none to a CSS class... based on user role. Seen loads about this. But none that are in that great detail. If we can't, then the access control is fine. but be good to hide the div!
  16. https://stackoverflow.com/questions/50907170/wordpress-if-user-role-css-class-then-display-none This seems to partially answer the question, but it doesn't state how to tell which roles will HIDE the DIV... only if it is 'logged in'. If someone is logged in they can view the Wall, but we need it hidden for customer and subscriber.
  17. Sorry the UK bit is the end of the domain.. .co.uk/?s=......... and so on. It's not a page as such. So how would I write a function that checks if they are logged in, and checks from the array of user roles. If not logged in, they we hide the DIV. But if they are logged in, but their user role is NOT one of those specified we hide the DIV.
  18. We have a search box in our website, but we want it to appear only when someone is logged in, and 'subscribed', as it reveals the shop. At the moment, they cannot access the shop, but the search would reveal shop entries. So two questions: 1) how can I assign a class based on User Role, that display: none to a search DIV within the theme? 2) "uk/?s=fred&post_type=product". How can I hide or 'redirect' this type of URL to another, based on user role? I can redirect pages, but this is not really "a page"... is it? Thanks Simon
  19. Yep think I've sorted it. It's now Capitalized.
  20. #grve-main-menu .grve-wrapper > ul > li > a, #grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li > a, #grve-theme-wrapper #grve-hidden-menu ul.grve-menu > li > a, .grve-toggle-hiddenarea .grve-label, #grve-hidden-menu ul.grve-menu > li.megamenu > ul > li > a, #grve-main-menu .grve-wrapper > ul > li ul li.grve-goback a, #grve-hidden-menu ul.grve-menu > li ul li.grve-goback a { font-size: 14px!important; text-transform: uppercase!important; letter-spacing: 1.0px!important; } I see this at the top, which his what sets the font for the main menu itself. I've stripped out the 'megamenu' part which I think is causing it to override that, and then add that separately, but it seems to have no effect. What I think you are saying, is that if one class has the UPPERCASE assigned to it, and another class it added to it later, using a different !important method, it is ignored.
  21. We are trying to recreate SVG images using a theme we have used elsewhere, but in a different theme. We are able to copy the SVG code and place it into WP Bakery and it works, to a point. Example: https://www.portotheme.com/wordpress/porto/cleaning-services/ If you scroll down this page, you will see a deep blue row titled "For Residential and Commercial Cleaning". The top and bottom curves are SVG. When I copy that code and use it elsewhere, I get a top curve with a black stroke edge to it. No idea what is telling it to be black. The bottom curve doesn't work for me. I have asked them how they created the curve, but is there an online tool that can do this, so you move the pointers around to get your shape, add the any 'edging' you want and then copy the SVG code? Thanks.
  22. I use it a lot, yes. But just cannot see what is causing the menutitle to be uppercase, when I am overriding that in my CSS.
  23. Can you show me a screenshot of both of them please. I've got important set on the Main Menu alonig the top, but cannot see two .menutitle classes with both those options.
  24. I've been doing work on this website recently. I've set the main menu to be CAPS, but for some reason I cannot override the Mega Menu titles to be Capitalized. They have their own Class "menutitle", but even with that set as "Important", and nothing that appears to be loading after, I cannot see the cause. https://www.79design.org.uk I'd appreciate anyone spotting the cause to this. Thank you. Click/Hover on Services to see the menu.
  25. Rolled it out on a few other pages now. They load instantly. Good intentions from Bakery, but better to let the designer control it I think. Anyway.... at least I can control it using this method. Thanks for your help.
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.