Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 24, 2016 at 7:25 am #588180
    Rapsodoc

    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, 9 months ago by Rapsodoc.
    February 25, 2016 at 6:23 am #588771
    Rikard

    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

    February 28, 2016 at 12:32 pm #590386
    Rapsodoc

    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, 9 months ago by Rapsodoc.
    February 28, 2016 at 1:13 pm #590395
    Josue

    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

    February 28, 2016 at 1:21 pm #590396
    Rapsodoc

    still not working

    February 28, 2016 at 1:35 pm #590403
    Josue

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

    Best regards,
    Josue

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