device version of website menu subitems button

  • toxsickcity

    (@toxsickcity)


    10 years, 11 months ago

    hi.

    I use the sydney theme and think it looks great. nice choice of colours..

    I have a small problem. when the site goes small edition like use on a phone etc..
    when I press Menu bar, I have several items 1 of them with subitems and I must click the v button (to the right of the item) to activate the drop down items.

    I think this is hard for some people and can I ask that the word be selected to activate the subitems dropdown.

    I have tried to find the code that allows this but am lost.

Viewing 5 replies - 1 through 5 (of 5 total)
  • vladff

    (@vladff)

    10 years, 11 months ago

    Hi,

    That isn’t something that we can change in the theme because most people will already have the work linked to a page. That’s why there is a different icon to toggle the sub-menu.

    Thread Starter toxsickcity

    (@toxsickcity)

    10 years, 11 months ago

    in my instance would it be possible to replace the v^ with the word more/less?

    vladff

    (@vladff)

    10 years, 11 months ago

    Yeap, you would need to install a custom CSS plugin and add this:

    .btn-submenu:before {
   content: "More";
   font-family: sans-serif;
   font-size: 14px;
}
.btn-submenu.active:before {
   content: "Less";
}

    Thread Starter toxsickcity

    (@toxsickcity)

    10 years, 11 months ago

    thanks so much vladff

    back to my original post, would you able to help make it happen in my case and any others out there who might want this option.

    the reason I didn’t make this a linkable item was to protect the idea that it was a sub menu item and the little ^/v are too small 🙁

    Thread Starter toxsickcity

    (@toxsickcity)

    10 years, 11 months ago

    I have simply modified the CSS a little and now I am happy witht he results..
    It forced the v/^ to the right and I have increased the width of said item to 766 which seems to be the size it changes to dekstop mode!!

    .btn-submenu {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: “FontAwesome”;
    font-size: 20px;
    line-height: 45px;
    text-align: right;
    cursor: pointer;
    width: 766px;
    height: 44px;
    }

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘device version of website menu subitems button’ is closed to new replies.