I've tried searching the forums about this but I can't find something that works in my case.
I'm using elementor with Wordpress and Astra themes. For some reason suddenly the dropdown menu disappears fast when you try and click the menus. The dropdown menu also goes behind the pictures on some of the pages (not the front page). I have not edited anything about the menu and I have no idea how it happened.
Here it shows what I mean with the menu going behind the pictures
It does not do this on the front page.
The website is https://www.onebag.dk/
Does anybody know how I fix this?
The top elementor HTML element...
<div data-elementor-type="product-archive" data-elementor-id="589"
class="elementor elementor-589 elementor-location-archive product" data-
elementor-settings="[]">
... is positioned relatively but has no z-index set.
If you set the z-index below 9999 (the index of the submenu) it works. I think you can use this css in the custom css section of your theme:
div.elementor {
z-index: 99;
}
Maybe this is a bug in the theme, or it is a conflict between theme and a plugin.
I used this custom CSS to fix the problem:
#masthead {
z-index:99999
}
#content {
z-index: 0;
}
Basicly, made index of header higher than contents index and worked.
Related
Wordpress, using Avada theme with Fusion Builder. There are these bullet points appearing on the left of the homepage, when I inspect element it shows me the following:
"fusion-main-menu fusion-sticky-menu"
"Main Menu Sticky"
"fusion-mobile-menu"
Tried to edit on WP under these categories but still can't fix it.
Any way of fixing it so this menu dissapears?
Either CSS either from WP Settings?
Website is https://dev1.bachelona.com/
so you can see what I'm talking about on the page.
A million thanks xx
You can apply following CSS to fix the issue:
ul {
list-style-type: none;
}
I migrated my WP website to another domain, I am using an animation I made on Animate CC and used and Iframe to placed it. I am working with DIVI and Elementor.
Now, when I click from the animation, I get a double nav bar and I have no idea why. But when I go from the menu, everything is fine.
Does someone know how to fix this? I have tried uninstalling and reinstalling DIVI, elementor and other plugins but nothing works. I have also changed the links of the animation.
This is the website:
https://psychotherapie-couple-famille-lausanne.ch/accueil/
I appreciate any help, thank you in advance.
Because you are loading that page in an iframe.
for example, by clicking an image it opened this page https://psychotherapie-couple-famille-lausanne.ch/therapies/therapie-individuelle/ in iframe.
Edit that page and hide header for that page from divi settings or put this CSS code for that page. you will see custom css option on that page.
div#page-container {
padding-top: 0px !important;
}
header#main-header {
display: none;
}
Hope I'm in the right place. Been sent here from the hubspot forums for different help. I've got this site with hubspot forms, but they only display at a 1/3 column. I've placed both of the following codes into the style sheet of Oceanwp theme (havent needed a child theme yet, trying to avoid that, I only placed it here temporarily to see if it works before creating the child theme if needed). I also placed it in the css injectors in elementor in the element itself, and in hidden elements on the page in various places (trying to figure out when the columns get set as the page loads and trying to get in front of it). I'm not really great with css or html, but i do have rudimentary understanding of how they work, I just cant write it.
Heres one of my forms, and the two pieces of code I have tried. Please help!!
http://staging.safetybathtubs.com/contact/
.hbspt-form .hs-form fieldset {
margin: 0 auto;
}
.hs-form fieldset {
max-width: none!important;
}
When we load site www.cligest.com made with WordPress the menu links and the dropdown options on the web initial page, the frontpage ("home") don't work. They just work in all other pages except "home".
I've tried 15 different solutions, with no luck.
Try adding the following css:
nav ul.main-menu {
z-index: 10;
}
This occurs because you have a div on top of the menu. It only happens on the homepage because that div or .homepage-section only exists on the homepage.
Try adding this to your CSS sheet and see if it makes any difference. It should bring your menu on top.
.main-menu {z-index: 2}
I can't manage to understand what's wrong with my website, if it's something with CSS or something else. When I go to the home page http://www.nomadtravellers.com/
the layout is correct. But when clicking on any other menu, as in example "About Us" some of the modules (Photo moasaic, breadcrumbs, etc.) are moving slightly down, while some other are staying in the correct position. Any suggestion on how to fix it?
It is build with joomla 2.5.11 if that matters.
I've already tried to deactivate Css optimization, and it's still the same behaviour
you have different styles for main and inner pages. on main page css there's a reset rule for form (the search field form in your header):
form {
margin: 0;
padding: 0;
}
on inner pages:
form {
margin-bottom: 18px;
}