WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
[resolved] Header language buttons displaced on smaller screens (4 posts)

  1. Ailsa Craig
    Member
    Posted 1 year ago #

    The responsive theme is working perfectly except for the two language buttons on top. As soon as I go below 800px they go below the logo and throw the navigation down a bit. I reckon the logo is responsible..and my css! Anyone know how I can keep those buttons on top?
    This is the website:
    http://www.sciencehooks.scoilnet.ie/
    Any help much appreciated.

  2. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Hi,

    Very nice looking site, I really like what you guys came up with :)

    All right, so the reason why the links are not in the same position is because .top-widget is set to -100px on desktop and that doesn't apply while on mobile devices.

    This should fix that:

    /* =Responsive (Mobile) Design
    -------------------------------------------------------------- */
    @media screen and (max-width: 980px) {
    
        .top-widget,
        .home .top-widget {
            margin-top: -100px !important;
        }
    
    }

    or just

    /* =Responsive (Mobile) Design
    -------------------------------------------------------------- */
    @media screen and (max-width: 980px) {
    
        .top-widget,
        .home .top-widget {
            margin-top: -100px;
        }
    
    }

    Thanks,
    Emil

  3. Ailsa Craig
    Member
    Posted 1 year ago #

    Hi Emil,
    Thanks so much - that works a treat!

  4. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Fantastic!

    Thanks,
    Emil

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic