Dropdown CSS - List doesnt select correct [closed] - css

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
my site: http://matthew.sobeit.co.za/shop
Now hover over "products" then hover "orthodontic material" and submenu will come up, might be fine the first time, but try it again, it almost impossible to select any item in this submenu.
What am i doing wrong, I have looked at the CSS, tried changed the "left: 190px" but it seems to reset itself.
Any suggestions?

So something is different on your interior pages than your homepage. I didn't get a chance to figure out exactly what, but the solution is to move the sub-menu to the left a little bit more.
#main-nav ul ul {
left: 185px;
top: 5px;
}

Related

How do I fix the CSS to align my text while using my currency switching plugin? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 months ago.
Improve this question
I am working on a pricing page as seen here, and while using a currency switching Wordpress plugin, it has thrown my text out of alignment. I can't seem to figure out what CSS needs to change in order to bring it back into alignment. Specifically, the $250 needs to be brought down onto the same line as the other text. Any suggestions are appreciated!
While this answer doesn't meet the required standards, I understand the need for a solution. Just fix the position using relative positioning.
.cs-converter-wrap {
position: relative;
top: 4px;
left: 1px;
}

CSS drop down menu appearing behind an image [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
On chrome the drop down menu appears behind the top most image at this page I am playing with.
http://www.audiobookreviews.com/genre2.php
I messed with the z-axis and set all z-axis for the menu to 999, then also tried making the image bigger/smaller but still happens.
Replace center tag with section since center is obsolete. You need to set your element's z-index in such a way that element that has to appear on top has higher value of it. Something like this:
.w3-dropdown-content {
z-index: 999;
}
section {
z-index: 1;
}
P.S. I know you provided a link to your website but it's more useful to have a certain chunk of code you are refering to posted here.

css select :nth-of-child(1) not working [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
so im trying to make the first wide box under recent promotions (at the bottom) have a a bigger height than the rest of the boxes, however nth-of-child is not working, I just need it for that first wide box. here is the code:
#listify_widget_recent_listings-2 .job_listing-entry-header:nth-child(1) {
height: 400px !important;
}
When you remove the :nth-of-child it makes all the boxes bigger as expected in that widget so I am not sure why its not working for the first. Help!
please try this
#listify_widget_recent_listings-2 .job_listings li:nth-child(1) .job_listing-entry-header.listing-cover.has-image {
height: 400px !important;
}
comment please if i miss something

one class seems to block visibility of another? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm using the Semplice theme on a self-hosted Wordpress-site and have a problem with displaying the sub-menu.
I have only quite poor css-knowledge, but after hours of try & error I have managed to make the disabled sub-menu re-appear again - at least it shows up partly. According to the visual overlay of my browser the sub-menu items are there, but only one of them gets displayed, the rest seem to be blocked by a different class!?
I've attached a screenshot to show you what I mean?!
The submenu (vertical drowdown) sits under "units" and has six sub-nav items, but only one gets displayed, the others seem to be be hidden by the (hidden) responsive menu?!
I've tried the z-index but to no avail and now I'm really lost. I would greatly appreciate any help with this! Here's the site I'm working on:
http://s363619762.online.de/
You have the following style:
.navbar-inner {
height: 131px;
overflow: hidden;
}
Remove the overflow: hidden; and it should work (This is just a solution for the current problem, don't know it it affects other places)

Sub-menus not displaying [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
In wordpress, I create new menu and after I preview all the sub-menus are not displaying What's wrong with menus? Here's the site
And here's the list of menus
Your menu is there but hidden,
I would remove the .main-navigation ul { overflow: hidden; } rule and change the #masthead overflow rule from auto to visible.
Probably the answer is that your theme don't show drop down menus and you don't have any plugin that adds this functionality.
There is a lot of free and premium plugins that can do this, for example this one (first google result):
https://wordpress.org/plugins/dropdown-menu-widget/
If you would like to make your theme capable of showing drop-down menu it is a little bit more complicated.

Resources