Get Access to All Templates € 49.- Grab Offer →

Arrow up
Arrow down
×
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

map-pin Small logo position on mobiles

4 years 7 months ago - 4 years 7 months ago #2424 by __Mike__
ardio.nl/ this is not our template.

BTW: Your logo is too big look at our
demo demo.web-komp.eu/joom/
130x45px

120x 35px logo sm
WebKomp, Support

- Please search forums before posting.
- Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
- If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Last edit: 4 years 7 months ago by __Mike__.

    Please Log in to join the conversation.

    4 years 7 months ago #2426 by Mariarosaria Condello
    Can you look now?
    I have shrunk the logo. But if I wake up and narrow my browser window, it keeps going up and down


  • Posts: 57

  • Gender: Female
  • Birthdate: 11 Sep 1987
  • Please Log in to join the conversation.

    4 years 7 months ago - 4 years 7 months ago #2427 by __Mike__

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Last edit: 4 years 7 months ago by __Mike__.

    Please Log in to join the conversation.

    4 years 7 months ago - 4 years 7 months ago #2430 by Mariarosaria Condello
    I tried with the "uk-responsive-height" class ( look ), I tried without the "uk-responsive-height" class. The result is the same.
    Can it be a position problem?

    My problem is that in this way I can not get an optimal view on all mobile devices because it depends on the width. :(





  • Posts: 57

  • Gender: Female
  • Birthdate: 11 Sep 1987
  • Attachments:
    Last edit: 4 years 7 months ago by Mariarosaria Condello.

    Please Log in to join the conversation.

    4 years 7 months ago - 4 years 7 months ago #2447 by Mariarosaria Condello
    Little progress ...
    To this existing code I added:
    /* Only phones */
    @media (max-width: 767px) {
      .tm-navbar {
        margin: 0 -25px 25px -25px;
        border-width: 0 0 1px 0;       
      }

    the voice
    display: contents;

    Up to 360 pixels works. From 359 px down, first click down and then shrink, but excessively.
    How do I reduce it gradually?

    The problem might be here?
    /* Only phones */
    @media (max-width: 767px) {
      .tm-navbar {
        margin: 0 -25px 25px -25px;
        border-width: 0 0 1px 0;
    	display: contents;
    		
      }
      .tm-logo-small:hover {
        text-decoration: none;
      }
      .tm-navbar:not(.uk-navbar-attached) {
        border-radius: 0;
      }
    }
    
    @media (min-width: 320px) and (max-width: 500px) {
    	nav.tm-navbar{
        float:none;
    	}
    }
    
    @media (min-width: 320px) and (max-width: 767px) {
    .uk-navbar-center {
        float: center;
        max-width: 100%;
    }
    }

    Another thing ... how do I "detach" the two elements (line menu and logo) so that the menu stays left to the left and the logo is centered?
    Thanks



  • Posts: 57

  • Gender: Female
  • Birthdate: 11 Sep 1987
  • Attachments:
    Last edit: 4 years 7 months ago by Mariarosaria Condello.

    Please Log in to join the conversation.

    4 years 7 months ago - 4 years 7 months ago #2449 by __Mike__
    Try edit this code 'custom.css '
    @media (min-width: 320px) and (max-width: 768px) {
    .uk-navbar-center {  
      float:center;
       max-width: 100%;
    }
    }


    WebKomp, Support

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Last edit: 4 years 7 months ago by __Mike__.

    Please Log in to join the conversation.

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.