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

    Hi, I paste this code in quick css

    @media only screen and (max-width: 990px) { 
    .responsive #header .main_menu ul {
    display: block !important;
    }
    .responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
    right: 100%;
    }}
    @media only screen and (max-width: 767px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    right: -10%;
    margin-top: 0;
    }}

    The alignment is not working very well can someone help to fix it?
    By the way I’d like to align the social icons with the mobile menu icon but only if the dimension of the screen allow to show them.

    • This topic was modified 8 years, 8 months ago by Rapsodoc.
    #588771

    Hey Rapsodoc,

    I’m not sure I understand what you are trying to do there, could you post a screenshot highlighting your intentions please?

    Thanks,
    Rikard

    #590386

    I’d like to show the social icons on device like tablets ecc… (not mobile phones) to the left of the menu icon .

    • This reply was modified 8 years, 8 months ago by Rapsodoc.
    #590395

    Hi!

    Try with this code:

    @media only screen and (max-width: 767px) {
        .responsive.html_header_top #header_main .social_bookmarks {
            position: absolute;
            top: 58px;
            right: 70px;
        }
    }

    Regards,
    Josue

    #590396

    still not working

    #590403

    Refresh a few times, here’s what i see – http://screencast.com/t/JZ160uAV

    Best regards,
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.