Latest version of Wisdom Blog changed my Navigation menu’s appearance

  • Resolved calminggrace

    (@calminggrace)


    3 years, 6 months ago

    Help! The Wisdom Blog theme updated last week and I lost my backups from before then. The appearance of my navigation menus is off. While I have done a lot of my own CSS customization, I can’t figure out how to fix these particular problems:

    1. On desktop, the sub-category links in the nav menu shift 20 or so pixels to the left when you hover over them.
    2. On mobile, when you open the nav menu, it shows black boxes to close the menu and to drop down to the sub-categories. For the sub-categories, the arrow is not aligned in the box, and then when you tap on the arrow, it moves outside the box and then turns red! I’d rather get rid of the black boxes and just have the simple “x” and simple “>” as text that doesn’t change color, but I don’t know how to find the right code to fix the CSS.

    These 2 things are true for all the pages on my website, calminggrace.com.

    Any help is greatly appreciated!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author CodeVibrant

    (@codevibrant)

    3 years, 6 months ago

    Hello @calminggrace

    You can use the following code in additional CSS box in customizer:

    @media screen and (max-width: 600px) {
#site-navigation ul.sub-menu li, 
#site-navigation ul.children li {
	text-align: left;
}
#site-navigation ul.sub-menu li a, 
#site-navigation ul.children li a {
	padding: 10px 10px 20px;
}
.sub-toggle a {
	padding: 0 0 !important;
	line-height: 20px !important;
}
.sub-toggle a:hover,
.menu-toggle-off a:hover {
	background: #7194bc
	color: #fff;
}
}

    Thanks

    Thread Starter calminggrace

    (@calminggrace)

    3 years, 6 months ago

    Great, thank you so much! I had to make a few more adjustments but you gave me the building blocks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Latest version of Wisdom Blog changed my Navigation menu’s appearance’ is closed to new replies.