the mobile menu always came up on responsive mode… so i’m not sure why you needed to add additional code to the quick CSS? i have edited this back out.

the reason i want the mobile menu to come up on the fixed layout (on mobile/tablet only) was because i liked the look of the mobile site in fixed layout better than in responsive mode. The site in responsive mode has a lot of text that’s the wrong font size, along with spacing issues, sizing and positioning problems etc… that’ll need to be fixed which could take a lot of work. that’s why i was wondering if i could stay in fixed layout, but solve the problem of the fixed layout mobile menu (submenu links not being able to be clicked) by replacing the menu bar with the responsive mode mobile menu bar button, all while staying in fixed layout. does that make sense? I have added images in the private section below, that better explains what i’m talking about.

• This reply was modified 9 years, 2 months ago by erusko.

Hi Dake,

I added it in, but I can’t see any difference. Any other ideas?

Hi Elliot,

that didn’t seem to work.
please see site: any ideas?

Hi Yigit,

Site posted below:

—–

Elliott,
Is there a way to do this without editing the custom CSS? I only want to change the caption on this one image.

nope, that doesn’t seem to do anything. I already have a version of that code already:

#top #wrap_all .header_color .active-parent-item > a .avia-menu-text, #top #wrap_all .header_color .av-menu-button-colored:hover > a .avia-menu-text, #top #wrap_all .header_color .current-menu-item > a .avia-menu-text {
    background-color: #016852;
    color: #ffffff;
    border-color: #004630;
}

This one worked fine for the submenu, but if it could be turned off for the top main menu, that would be perfect.

.current_page_item {
background-color: green;
} 

Hi Andy,

Sorry, I don’t think I explained it very well.

So, when I click a submenu link, it’ll go to the page. When I bring the mouse back to the link and look at that same submenu, the page link I’m looking at will be highlighted like this:

View post on imgur.com

However, I want it to look like this.

View post on imgur.com

Any ideas?

Hi Andy,

Thanks for the response. Not quite what I’m looking for. Is it possible to do what that code does, but not on hover? So after you click the link, the background highlight stays green on the page you’re currently viewing?

I switched out the code, and it seemed to have fixed the top menu button so once the submenu is clicked, the top menu button stays highlighted.

The other issue coming up now is that the submenu link that is clicked is highlighting only the text, but not the whole submenu link.

example: http://i.imgur.com/rwZN3Vj.png

any way to fix this? Thanks again for helping!

• This reply was modified 9 years, 2 months ago by erusko.

Hm, this didn’t change anything.

Here’s all the code added into the Quick CSS. Do you think any of the following is messing it up?

#footer .social_bookmarks li a {
  border-radius: 100px!important;
}

#footer .social_bookmarks li {
clear: none!important;
}

#footer .social_bookmarks li {
  clear: none;
  border-color: #222222;
}

.main_menu ul:first-child > li > a {
font-size: 16px;
}

.main_menu ul:first-child > li > a { font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }

/* changes menu font*/
#top .main_menu .menu li ul a { font-size: 14px; }

#top .av-main-nav > li > a { font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif }

#footer .widgettitle {
font-size: 16px;
}

.widget {
font-size: 14px;
}

.header-scrolled .logo img {
padding-top: 5px;
}

.logo img {
padding-top: 5px;
}

.logo img {
padding-bottom: 5px;
}

/* This takes out the green hover icon over pictures */
.image-overlay { display: none!important; }

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: transparent;
    color: black;
    border-color: transparent;
}

#top #wrap_all .header_color .av-menu-button-colored:hover > a .avia-menu-text, #top #wrap_all .header_color .current-menu-item > a .avia-menu-text {
    background-color: #016852;
    color: #ffffff;
    border-color: #004630;
}

• This reply was modified 9 years, 2 months ago by erusko.

Hi Yigit,

Thanks for the quick response! Feel a bit lost…

I’ve gone to Appearance > Menus and can’t see any place to change the menu style.