Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 26, 2017 at 9:03 pm #844436
    johnfelipe

    I have this

    @media only screen and (max-width: 768px) {
    .av-burger-menu-main { display: block!important; }
    li#menu-item-search.menu-item {
    display: block !important;
    }
    #avia-menu .menu-item {
    display: none!important;
    }}
    .av-main-nav > li > a {
    padding: 0 7px;
    }

    https://goo.gl/WW4Hdt

    if us see i have 2 root menus and search icon bellow, how can solve that?

    Same problem with 800 × 480 Small Tablet (landscape) size:

    https://goo.gl/HMGVRN

    In this case 3 menu items and search button

    August 28, 2017 at 8:04 am #844711
    John Torvik

    Hey johnfelipe,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    August 29, 2017 at 1:10 am #845130
    johnfelipe

    Pls register for your self in here

    Registrar

    When you register successfully, then need to be complete first name and lastname and upload a profile image for continue, then in

    http://gesdi.com/responsivator/?site=http://upe.upe-cis.co/

    Review 800 × 480 Small Tablet (landscape) and 1024 × 768 Large Tablet (landscape) and 1280 × 800 Desktop size

    Stay alert

    • This reply was modified 7 years, 3 months ago by johnfelipe.
    September 4, 2017 at 6:41 am #847520
    Ismael

    Hi,

    Please provide a temporary login details in the private field.

    Best regards,
    Ismael

    September 4, 2017 at 9:17 pm #847886
    johnfelipe

    800 × 480 Small Tablet (landscape):
    https://goo.gl/CLJkT4

    1024 × 768 Large Tablet (landscape)
    https://goo.gl/BgKktK

    Even

    1280 × 800 Desktop
    https://goo.gl/e9K7Uo

    I have main menu bad located
    Stay alert

    • This reply was modified 7 years, 3 months ago by Basilis.
    September 7, 2017 at 3:41 am #848921
    Ismael

    Hi,

    Thank you for the info.

    Please add the following css code in the Quick CSS field.

    @media only screen and (max-width: 1366px) {
    .mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
       display: block;
       width: 50%;
       float: left;
    }
}

    Best regards,
    Ismael

    September 7, 2017 at 2:53 pm #849112
    johnfelipe

    Hi bro i dont need that bro, i need full menu in PC size and mobile menu in smartphones size, you css code convert all menu in mobile size.

    1024 and up all menus including search icon in same row

    Stay alert

    September 8, 2017 at 8:36 am #849474
    Ismael

    Hi,

    I thought you’re having responsive issue with the dropdown. That’s what the code is for and it should not affect the menu.

    Please go to the Enfold > Main Menu > General panel. Set the “Menu Items for mobile” to the second option then add the CSS code to force the mobile menu to display when the screen width is less than 1366px.

    @media only screen and (max-width: 1366px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}

    Best regards,
    Ismael

    September 8, 2017 at 9:41 am #849500
    johnfelipe

    https://goo.gl/PhVUcT

    what of that options?

    May be better view this video

    https://goo.gl/XNJBiP

    May be something like this:

    Full size: https://goo.gl/7JHWAW

    small size: https://goo.gl/11qNZK

    Stay alert for close this issue about bad menu distribution

    • This reply was modified 7 years, 3 months ago by johnfelipe.
    September 9, 2017 at 5:18 am #849830
    Ismael

    Hi,

    Yes, that’s the settings. However, you have to select the second option (Activate for Smartphones and Tablets (browser width below 990px)) in the “Menu Items for mobile” settings.

    Best regards,
    Ismael

    September 9, 2017 at 8:54 am #849894
    johnfelipe

    Hi bro, i need other think, i change to 990 px, and not logic if one of my user have a notebook not mobile, show menu like mobile.

    I need PC size full menu, not mobile menu, that size for me is 1280 × 800 Desktop

    https://goo.gl/BpqE4Y

    My idea is: https://goo.gl/W3DXmW

    May be something like this:

    small size: https://goo.gl/11qNZK, and final with search button

    same for this size to:

    https://goo.gl/2kFjVv

    and this

    https://goo.gl/EDhJoL

    stay alert

    September 11, 2017 at 7:05 am #850365
    Ismael

    Hi,

    Did you add the css code? The mobile menu should display on screen sizes lower than 1366px. What do you mean by “stay alert”?

    Best regards,
    Ismael

    September 12, 2017 at 2:58 pm #851029
    johnfelipe

    bro again i put your css code and that is not working for me….

    i need other think, i change to 990 px, and not logic if one of my user have a notebook not mobile, show menu like mobile.

    I need PC size full menu, not mobile menu, that size for me is 1280 × 800 Desktop

    https://goo.gl/BpqE4Y

    My idea is: https://goo.gl/W3DXmW

    May be something like this:

    small size: https://goo.gl/11qNZK, and final with search button

    same for this size to:

    https://goo.gl/2kFjVv

    and this

    https://goo.gl/EDhJoL

    stay alert means I will be attentive to your advice…

    September 13, 2017 at 7:27 am #851400
    Ismael

    Hi,

    The css codes are working properly on our installation. Please post the login details here so that we can implement it.

    Best regards,
    Ismael

    September 13, 2017 at 8:00 am #851421
    johnfelipe
    This reply has been marked as private.
    September 14, 2017 at 8:06 am #851896
    Ismael

    Hi,

    Thank you for the info.

    We added the following css code to decrease the font size and padding of the menu items. 

    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .av-main-nav > li > a {
        padding: 0 7px;
       font-size: 12px;
    }
}

    This will prevent the last menu item and the search icon from breaking to the second line. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    September 14, 2017 at 2:56 pm #852061
    johnfelipe

    With this code is complete this requeriment:

    .cpm-col-2.cpm-last-col.cpm-right.comment-count {
    background-color: transparent;
    width: 17%;
}

.fc-event-container {
    position: initial !important;
    z-index: 8;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 1270px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}

@media only screen and (min-width: 1270px) and (max-width: 1930px) {
    .av-main-nav > li > a {
        padding: 0 7px;
       font-size: 12px;
    }
}

.mec-event-sharing-wrap {
    left: 15px;
    position: relative;
}
.mec-event-sharing-wrap li i {
    padding-top: 13px;
}

    Pls close this issue, tnks so much for u patience

    September 15, 2017 at 4:59 am #852391
    Rikard

    Hi,

    Great, glad you got it working and thanks for sharing your solution, much appreciated :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘1024 × 768 Large Tablet (landscape) size issue responsive’ is closed to new replies.