Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 3, 2015 at 4:12 pm #390152
    Bikul

    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

    February 3, 2015 at 6:33 pm #390285
    Elliott

    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

    February 3, 2015 at 6:56 pm #390297
    Bikul

    Hi Elliott,

    thanks for tip, but it is not really satisfying…

    Mobile Secondary Menu change Code

    February 4, 2015 at 1:35 pm #390715
    Ismael

    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

    February 13, 2015 at 6:49 pm #395952
    Bikul

    Thank you Ismael,

    that looks better now!

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