Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #390152

    Hello,

    I have a question about the secondary menu when viewed in browsersize for mobile phones.:

    responsive Secondary Menu

    How can I change the space it uses at the top? Is it for instance possible to get the telephone number in the first line with the little icons?

    On desktop it looks like that:

    Secondary Menu

    Thank you for suggestions
    Bernd

    #390285

    Hi Bernd!

    You can add this to your custom CSS.

    .responsive #header .social_bookmarks { width: auto !important; }
    

    But the menu and the phone number are too long so the phone number will have to break to the next line.

    Best regards,
    Elliott

    #390297

    Hi Elliott,

    thanks for tip, but it is not really satisfying…

    Mobile Secondary Menu change Code

    #390715

    Hi!

    Decrease the font of the top menu:

    
    @media only screen and (max-width: 767px) {
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
    float: left;
    width: auto;
    text-align: left;
    margin: 0;
    position: relative;
    padding-left: 0;
    top: 2px;
    }
    
    .sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
    font-size: 9px;
    padding: 2px 0;
    }
    }

    Remove browser cache then reload the page.

    Regards,
    Ismael

    #395952

    Thank you Ismael,

    that looks better now!

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

The topic ‘responsive secondary menu’ is closed to new replies.