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


    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


    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,


    Hi Elliott,

    thanks for tip, but it is not really satisfying…

    Mobile Secondary Menu change Code



    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.



    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.