Docs

[bletek]

Guys, have a couple of issues….

1. On http://musicbymikeallen.com mobile site, my logo is really small and way up in the top left corner.
2. Also the mobile menu is transparent and you cannot see the menu items because the menu has no background.
3. The header nav submenu symbol ( the down arrow) looks squished on main menu for pages.
4. Lastly, how can I target a specific tab section via custom class. That is I want to customize tabs for a particular page. How do I add my own class to a specific tab section on a specific page. I know where to add the class, but how do I make my own custom tab class in the tab css.

Thanks you guys are great.

R

[Rupok]

Hi there,

Thanks for writing in!

#1. It seems you have added this code :

.x-brand img {
  width: 100px;
}

Let’s increase it a bit and add some margin :

.x-brand img {
  width: 150px;
  margin-top: 50px;
  margin-left: 25px;
}

#2. You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 959px) {
.x-navbar .ubermenu.ubermenu-main {
  background-color: rgba(0,0,0, .8);
  margin-top: 15px!important;
}
}

#3. It’s causing because you are using too large font size for menu. Let’s add this as well :

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {
  right: 0;
  top: 45%;
  font-size: 75%;
}

#4. I am not sure what you are facing to add the class to a Tab. Would you point us a Tab and clarify where you want to add the class or the styling?

Cheers!

[Author]

Posts