For some reason I cannot get the drop down to appear on this site: http://a.dev200.com/cflow/
It works fine on mobile screen size, just not on desktop screen size.
Can anyone help me out please?
Thanks
you have an "overflow: hidden" in "megaMenu" div.
Try to fix it or add this css code:
#megaMenu.megaFullWidth { overflow: visible; }
Related
Since I changed logo to SVG, menu does not work. Maybe transparency of logo covers menu?
When I do: display: none for logo, menu works well.
Could please somebody help me?
Website: http://www.1.moneymagnet.store/
Your logo holder is all over the whole thing (width: 100%;). It's getting this style from an inline style-sheet. That's why your menu is not working.
Just give it a fixed width and everything will work as expected:
.logo-holder {
width: 110px;
}
Look out for specificity on your selector though.
I'm developing a site for a client on Wordpress using a theme I'm modifying and I've been making a bunch of edits to the mobile nav menu and somewhere along the line I messed something up and now after scrolling to the bottom of the mobile nav half of it gets stuck to the top of the screen.
Current site: http://test.kevinwallace.io/
It was working right, and I've tried to undo and troubleshoot all the changes I've made and nothing is working. Does anyone know what might be the problem?
Edit: So I just tried a clean version of the theme and apparently it's always had this behavior. Is there a way to simply close the mobile nav when the user scrolls past?
you dont want that scroll ?
iam not understand
if you dont want scroll mean
#media (max-width: 767px)
hotmagazine_sty…ver=4.7.2:6304
.navbar-default .navbar-collapse {
max-height: 220px;
overflow-y: scroll;
overflow-x: hidden;
}
please remove this code
http://test.kevinwallace.io/wp-content/themes/hotmagazine/css/hotmagazine_style.css?ver=4.7.2
line 6304
enter image description here
I need to center the block (the one with red background) that contains all menu items inside the screen.
To better understand, please take a look at this fiddle: https://jsfiddle.net/dforce/mf9h78vn/3/
The css instruction:
margin:auto;
Seems not working.
Thanks a lot in advance for your help!
Try this way then, and tell us if it's what you wanted :)
ul.main-menu {
display: table;
margin: auto;
}
I have a problem with this menu https://jsfiddle.net/dforce/mf9h78vn/15/
Once this menu is displayed on resolution higher than 979px it look centered, than if I shrink the browser window an I click on a menu item, when I enlarge again the menu, it looses the alignment at center and it goes aligned left.
How is this possible?
I have tried to use the instruction:
display:inline-block
You can see an example here: http://www.piedicosta.com/joomla3/it/
My website is Verdacci.com
My question is, when viewing the website on desktop (not responsive version), I would like to center the menu vertically. So the menu is always in the center of the screen. Can somebody help me to do this? I don't want to change any code except the CSS.
Also note that if the screen size height reduces to less than 600px (i think its 600), the menu is replaced with a mini menu. I would like this functionality to remain.
I have tried quite a few things already with no luck. My CSS skill is not very high so please try to explain in as simple terms as possible? Thank you!!
To center something in CSS you can do this:
.yourclass {
margin-left: auto;
margin-right: auto;
}
Add this class to your menu and it should work.
Hey my site works fine except in IE8. The page does not display a vertical scroll bar. I added html { overflow-y :scroll } to the css and only got a scroll bar which does not allow you to actually scroll down. My site is eagleview.it
Thanks very much
You can use this to fix on IE
-ms-overflow-y : scroll;
Or this may work as well
html {
height:101%;
}