WordPress.org

1. Ailsa Craig
   Member
   Posted 5 months 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 5 months 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 5 months ago #
   

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

4. Emil Uzelac
   Theme Review Admin
   Posted 5 months ago #
   

   Fantastic!

   Thanks,
   Emil

Reply

You must log in to post.