Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 14, 2017 at 12:40 pm #852022
    MarcusJeroch

    Hi
    can you please have a look at the menu on http://www.marcusjeroch.de on tabletresolutions like:
    768×1024
    800 x 1280
    and similars?

    The menu is quite crashed then

    Regards marcus

    September 14, 2017 at 4:16 pm #852138
    Victoria

    Hey MarcusJeroch,

    You need to have the burger menu up until 1150px.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1150px) {
#top #header_main_alternate {
  display: none;
}
.html_header_top #top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block !important;
    left: auto;
    right: 0;
}
.av-burger-menu-main {
    display: block;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
    padding-top: 147px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 15, 2017 at 12:56 pm #852517
    MarcusJeroch

    Hello Victoria
    i would like it better to write some rules for different screensizes then to throw out a hamburger for everyone with a tablet.
    Please just let me know the correct selectors/classes/ids for the fontsize und the menuwidth – the rest i can probably do myself.

    Regards Marcus

    September 18, 2017 at 8:29 pm #853564
    Basilis

    Hi,

    They are many!
    You should better use Debbuger to be able to track things down!

    Best regards,
    Basilis

    September 21, 2017 at 9:46 pm #855075
    MarcusJeroch

    @Victoria
    Your CSS was wrong
    If i use it i get a hamburger on my MacBook and that has 1440 x 900

    @Basilis
    If i could use a debugger i were a webcoder.
    I am not!
    But you are, right?

    Someone here who is willing to help fixing a responsiveness-issue?
    Marcus

    September 22, 2017 at 9:42 am #855278
    Victoria

    Hi Marcus,

    The css I gave you shows burger until the screen reaches 1150px, nothing else. There is no way you can get burger past 1150px with just my rules. At this point I do not understand the nature of you request. Can you explain a bit more what you’re trying to achieve.

    It takes so much more to be a “webcoder” and debugger is very easy to use and look up selectors. Just press cmd+option+i on a mac and go to the elements tab.

    Best regards,
    Victoria

    September 26, 2017 at 1:11 pm #856906
    MarcusJeroch

    Like i said:
    If i use it i get a hamburger on my MacBook and that has 1440 x 900

    Question:
    Why do people in other communities do help me to find the correct selectors (although they dont even know me) und you dont although i bought your product ???

    September 27, 2017 at 6:51 am #857332
    Ismael

    Hi,

    I’m very sorry for the confusion. Looks like you managed to adjust the font size with the following code.

    @media (max-width: 1180px) and (min-width: 1024px) {
    .av-main-nav > li a {
       font-size: .64rem !important;
   }
}

    I would suggest using the em or rem value as it is much more conventional. If you want to adjust the space between the menu items, just add the padding property.

    
.av-main-nav > li > a {
    padding: 0 5px;
}

    Default value is “0 13px”. Do you need anything else?

    Best regards,
    Ismael

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