Navigation bar issue
Topics related to Realistic theme goes here.

Knackrack615

New Member Rank
Posts: 2
Joined: Sat Apr 02, 2016 8:37 am
Display Name: Knackrack615

Navigation bar issue

linkPost by knackrack615 » Sat Apr 02, 2016 8:45 am

Hello, it seems like if i have 3 sub-menus the theme bugs out and doesn't display the menu correctly

Screenshot(s):
https://scrgrb.cf/i/index.php?picture=2 ... -43-02.gif
https://scrgrb.cf/i/index.php?picture=2 ... -43-34.png

This is a fresh wordpress installation so i don't think there are any conflicts
User avatar
Asmi Khalil

Site Admin Rank
Posts: 779
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Navigation bar issue

linkPost by admin » Sun Apr 03, 2016 10:33 pm

Hi knackrack615, thanks for using Realistic and thanks for passing by :D
Thanks for reporting this bug! actually I was aware of it but never expected someone to add more than 2level-deep menu to Realistic theme. Any way, apply this fix and will be able to make any menu you want :D like in the pic below:
Image

Open your style.css file and REPLACE whatever you have in the 5.1 Menus section with the code below:
.main-navigation li {
	list-style-type: none;
	display: inline-block;
	float: left;
}
/*Create a horizontal list with spacing*/
.main-navigation li {
	margin: 0;
	padding: 0;
	display:inline-block;
	float: left;
}
/*Style for menu links*/
.main-navigation li a {
	padding: 20px 15px 20px 15px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.main-navigation .menu > li > a {
	line-height: 56px;
	padding-top: 4px;
}
.main-navigation .menu > li > a:hover {
	border-bottom: 4px solid #FFF;
}
/*Style for dropdown links*/
.main-navigation li:hover ul a {
	padding: 14px 15px;
	line-height: normal;
}
/*Hover state for dropdown links*/
.main-navigation li:hover ul a:hover {
	color: #fff;
}
/*Hide dropdown links until they are needed*/
.main-navigation li ul {
	display: none;
}
/*Make dropdown links vertical*/
.main-navigation li ul li {
	display: block;
	float: none;
}
/*Prevent text wrapping*/
.main-navigation li ul li a {
	display: block;
	padding: 20px;
	text-align: left;
	color: #444 !important;
	text-transform: none;
}
.main-navigation li ul li:hover {
	background: rgba(0, 0, 0, 0.24);
}
.main-navigation .sub-menu > li:hover > a, .main-navigation .sub-menu > li > a:active {
	color: #FFF !important;
}
/*Display the dropdown on hover*/
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation ul ul {
	position: absolute;
	background: #FFF;
	margin: 0;
	margin-top: -1px;
	padding: 10px 0 0 0;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.main-navigation ul ul li{
	border-right: 0;
	width: 200px;
}
.mobile-navigation  ul, .mobile-navigation  li {
	margin: 0;
	padding: 0;
}
.mobile-navigation  li a{
	display: block;
	padding: 16px 40px;
	margin: 0;
	text-decoration: none;
	font-weight: 500;
	font-size: 13px;
}
.mobile-navigation  li  a{
	color: #757575;
	text-decoration: none;
}
.mobile-navigation  li a:hover{
	background: #E0E0E0;
}
.main-navigation ul ul ul {
	margin-left: 1px;
	margin-top: -54px;
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	right: 100%;
}
.main-navigation .no-menu-msg {
	padding-right: 10px;
	padding-left: 10px;
}
.main-navigation .no-menu-msg, .main-navigation .no-menu-msg a {
	color: #FFF;
}
.mobile-navigation .no-menu-msg {
	padding-left: 16px;
	padding-right: 16px;
}
.mobile-navigation .no-menu-msg, .mobile-navigation .no-menu-msg a {
	color: gray;
}
Next update, will have this fix included!
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
Knackrack615

New Member Rank
Posts: 2
Joined: Sat Apr 02, 2016 8:37 am
Display Name: Knackrack615

Re: Navigation bar issue

linkPost by knackrack615 » Sun Apr 03, 2016 11:18 pm

Alright, just applied the fix and everything seems to be working great!

I've also discovered another small bug, if i select Edit or Delete on a post it does absolutely nothing (https://scrgrb.cf/i/index.php?picture=2 ... -17-38.gif)

I'm assuming you're already aware of that but i just wanna make sure :)

Anyways.. thanks for the fix!
User avatar
Asmi Khalil

Site Admin Rank
Posts: 779
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Navigation bar issue

linkPost by admin » Sun Apr 03, 2016 11:24 pm

No sorry I wasn't :D
Please add the following CSS code to Custom CSS:
.post-actions-menu li {
	padding: 0;
}
.post-actions-menu a {
	display: block;
	padding: 0 16px;
}
The problem is you need to click on the Edit or Delete text, not anywhere on the button. The above code fixes the problem.
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
User avatar
Asmi Khalil

Site Admin Rank
Posts: 779
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Navigation bar issue

linkPost by admin » Sun Apr 03, 2016 11:37 pm

Well, you don't have to apply anything. Version 1.2.2 of Realistic https://wordpress.org/themes/realistic/ is live and includes fixes for the bugs you mentioned ;)
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943

Who is online

Users browsing this forum: No registered users and 1 guest

It is currently Sun Feb 17, 2019 5:47 am