Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 17, 2019 at 11:16 am #1091914
    Jerome

    Hey Guys,

    i found a lot of topics for this topic, but nothing helped.
    In Desktop mode we have a height of 45px, but in tablet and mobile it is 50% larger. I tried to find a way to solve it by myself, but nothing worked for me. Maybe you have an advice for me? To keep the same height in all formats?

    Link is in private.

    It would be great if someone can help me. Thank you

    Cheers Jerome

    April 18, 2019 at 5:49 am #1092263
    Rikard

    Hey Jerome,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 45px;
    line-height: 45px;
}
}

    Best regards,
    Rikard

    April 23, 2019 at 1:40 pm #1093656
    Jerome

    Hey Rikard,

    Thanks for your reply.
    The Code didn’t work for me. The code makes sense and tried something like this before, but in tablet and smartphone mode it is 90px high instead of 45px.

    Do you have any idea, how i can change the height? :D

    Thanks for your help.
    Best regeards,
    Jerome

    April 24, 2019 at 3:48 pm #1094032
    Victoria

    Hi Jerome,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Victoria

    April 25, 2019 at 1:08 pm #1094393
    Jerome

    Hey Victoria;

    thank you for your reply.
    Please look in the private section.

    Thank you!
    Best regards,
    Jerome

    April 30, 2019 at 1:05 pm #1095740
    Vinay

    Hi,

    Please try adding this code to your child theme’s style.css file:

    More info here.

    CSS Snippet:

    
/* CSS - */

@media only screen and (max-width: 990px) {
 #header #header_main .container {
       height: 40px  !important;
       line-height: 40px  !important; 
}}

@media only screen and (max-width: 768px) {
  #header #header_main .container {
     height: 40px  !important;
     line-height: 40px  !important; 
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 40px;
    line-height: 40px;
  }
  .responsive .logo a {
    display: inline-block;
}}

    Best regards,
    Vinay

    May 3, 2019 at 2:31 pm #1096913
    Jerome

    Hey Vinay

    sorry for the late answer but the code didn’t change anything. i tried also a lot to solve this, but it was not succesfull :D …

    I only solved it that the Logo sticks on the top. That was good, but the Logo area was to big. I was unable to change the hight and it lookd bad… hm sorry maybe you have an another idea? :]

    if it is not possible i will use a different logo, but the header on mobile is so fat… whatever. Maybe someone has a solution, if not i will use a bigger logo.
    Thank you for your help!
    Best regards,
    Jerome

    May 6, 2019 at 7:47 pm #1097794
    Basilis

    Hi,

    using the bigger logo is the easiest way without any customization that would need to be applied.

    Best regards,
    Basilis

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