Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 15, 2014 at 3:24 pm #210057
    fjrichart

    I only have 3 items in the secondary menu however In the mobile it occupies 2 lines. Despite there’s enough space for the 3 items to be shown in one line, 2 items are shown in the first line and the third item in the second line.
    I’d like to have the 3 i one line.

    January 15, 2014 at 3:25 pm #210058
    fjrichart
    This reply has been marked as private.
    January 15, 2014 at 6:24 pm #210173
    Yigit

    Hi!

    Please do not use Font tag http://i.imgur.com/F1uyNsR.jpg as it is deprecated. Use following code in Quick CSS in Enfold theme options under Styling tab instead

    .sub_menu>ul>li>a { font-size: 20px; }

    This way we can provide you custom CSS code to decrease the font size on mobile so your secondary menu will be displayed in the same line

    Best regards,
    Yigit

    January 15, 2014 at 7:02 pm #210203
    fjrichart

    OK I eliminated the Font tag and written in the Styling tab:
    .sub_menu>ul>li>a { font-size: 14px; color: white !important; }
    I had to add “important” because otherwise it was diplaying grey instead of white.
    Mobile is still displaying in 2 lines.
    Additionally the three words now are white and I don’t know where and how to specify that I want the word “Blog” in red.

    January 15, 2014 at 7:06 pm #210205
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    li#menu-item-38280 a { color: red!important; }
@media only screen and (max-width: 480px) {
.sub_menu>ul>li>a { font-size: 11px; }}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Secondary menu in the mobile’ is closed to new replies.