Sub-menus not displaying [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
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.

Related

Background color shows through button [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 days ago.
Improve this question
I changed the footer background color and now it shows through the button. Can you please help me fix it?
Sorry:) I'm using a SquareSpace template that has a color theme. However, you can customize the theme by adding CSS in the header of the page. I have used: footer, footer* { background-color: #FFF;} and this happened. Does this help? –

Overflow-y not working with wrapper mobile [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 1 year ago.
Improve this question
On the mobile version of the website, you can scroll to the right to the navigation, which should actually only be accessible via click. How can this be changed?
(URL removed)
I have already tried many different solutions that I have found, but nothing works so far.
I am looking for help in this individual case.
Thank you very much :)
By moving your .main-nav element with transform to the right you extend width of the visible content, and since your scroll properties are default it will enable you to scroll the entire visible content, including that menu.
What you want to do is clip everything that is outside of your html or body element.
CSS
html {
overflow-x: hidden;
}

How to reduce the length and width of the search bar in my website? [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
My website is built on WordPress and I use ivory search plugin for the search bar on my website. My website is www.osdoc.in.
I want to reduce the length and breadth of the search bar because it is pushing menu icons towards the website logo.
Here is some css code to modify the search bar :
.woocommerce input[type=search] {
height: 20px;
width: 150px;
}

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)

Dropdown CSS - List doesnt select correct [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
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;
}

Resources