Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #290343

    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; }

    #290354

    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

    #290366

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

    #290368

    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

    #290371

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

    #290372

    You are welcome Denis, always glad to help :)

    Regards,
    Josue

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