Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2014 at 1:49 am #290343
    denisrowe

    My secondary menu has one link and two social icons, it looks fine on desktop and Ipad but s wrapping to two lines on a mobile.

    CSS is:

    .header_color .sub_menu>ul>li>a, .header_color .social_bookmarks a
    { color: black; font-size: 14px; font-weight: normal; text-decoration:none; }

    July 12, 2014 at 2:11 am #290354
    Josue

    Hey Denis!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
.sub_menu {
    position: absolute !important;
    left: -60px;
    top: 3px;
}
}

    Cheers! 
    Josue

    July 12, 2014 at 2:26 am #290366
    denisrowe

    Thanks, yes that worked, however I would like to align it to the RHS, it is currently centered.

    July 12, 2014 at 2:31 am #290368
    Josue

    Change the code to:

    @media only screen and (max-width: 767px) {
.sub_menu { position: absolute !important; right: 60px; top: 10px !important;}
.responsive #header .social_bookmarks li, #header .sub_menu li { float: right !important; display: block !important; }
}

    Best regards,
    Josue

    July 12, 2014 at 2:37 am #290371
    denisrowe

    Man, You guys are great. Many thanks, Perfect. Denis

    July 12, 2014 at 2:45 am #290372
    Josue

    You are welcome Denis, always glad to help :)

    Regards,
    Josue

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