Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Design Customization » Design # 1256 Responsive Mobile Menu Issue
Design # 1256 Responsive Mobile Menu Issue
Mark-ucoz-co-uk
Posts: 115
Reputation: 0

Message # 1 | 4:59 AM
Hello Ucoz so my site is randomness-fun.com the menu looks great but when I go to my mobile menu there is an issue and I am not sure how to fix it to look like desktop site menu the following is my menu css code.

Code
ul.uMenuRoot > li > a {
font-size: 100%;
text-decoration: none;
display: block;
color: #fff;
padding: 0 20px;
margin: 0 0 0 0;
line-height: 50px;
}

nav li:hover > a, ul.uMenuRoot > li > a:hover, ul.uMenuRoot > li > .uMenuItemA {
background: url('/.s/t/1256/5.png') no-repeat center top transparent;
}

.show-menu {
position: absolute;
top: 30px;
right: 30px;
width: 50px;
height: 20px;
cursor: pointer;
background: #00448a;
display: none;
color: #fff;
text-align: center;
font-size: 80%;
padding: 5px 10px;
font-weight: bold;
}
.show-menu:hover {background: #00448a;color: #000;}

Check Out Rservices & RandomAndroid at: http://http://www.randomness-fun.com/ Hosted by Ucoz also come come check out our official Android IRC chat room at: http://www.randomness-fun.com/index/rservices_irc_chat/0-34
Post edited by Mark-ucoz-co-uk - Thursday, 2016-01-14, 5:18 AM
SergeyMitrichev
Posts: 1
Reputation: 0

Message # 2 | 10:36 PM
Hello! Add background: #00448a; to nav.nav-opened on 800'th row at CSS (http://screencast.com/t/nBuTuEYVt)
Code

@media screen and (max-width: 780px)
nav.nav-opened {
    display: block;
    opacity: 1;
    visibility: visible;
    background: #00448a;
}


Then fix this one:
Code

@media screen and (max-width: 780px)
nav li li:hover > a, nav li li:hover a:hover {
    color: #00448a;
    text-decoration: none;
}


And this one:
Code

@media screen and (max-width: 780px)
nav ul.uMenuRoot li a:hover, nav ul.uMenuRoot li a.uMenuItemA {
    background: none repeat scroll 0 0 #e3e3e3;
    color: #00448a;
}
Mark-ucoz-co-uk
Posts: 115
Reputation: 0

Message # 3 | 5:52 AM
Quote SergeyMitrichev ()
background: #00448a;

Thanks wil do so was confused myself as to why it was happening as I looked over the menu code multiple times.

Check Out Rservices & RandomAndroid at: http://http://www.randomness-fun.com/ Hosted by Ucoz also come come check out our official Android IRC chat room at: http://www.randomness-fun.com/index/rservices_irc_chat/0-34
uCoz Community » For Webmasters » Design Customization » Design # 1256 Responsive Mobile Menu Issue
Page 1 of 11
Search: