Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 16, 2017 at 7:25 pm #762125
    td8000

    Hi Enfold Team,

    1.
    i have some problems with navigation menu in mobile view between 768px and 960 px width (as seen via private link). Fonts are way too big and appear in 2 rows.

    I just figured out, that the problem is gone after removing this code (which i need to keep) from quick css:

    /*Masonry Image title hide on desktop*/

    @media only screen and (min-width: 960px) {
    .av-inner-masonry-content {
    display:none !important;
    }

    Any idea, why?

    2.

    And on the same resolution, i see the cart symbol in the upper right corner, which should be removed. (and is in desktop mode).

    Thanks for help, Tobi

    March 19, 2017 at 9:22 pm #763326
    Victoria

    Hey Tobias,

    Here are the styles you can put in themes/enfold/css/custom.css or in QuickCss:

    
@media only screen and (min-width: 760px) and (max-width: 960px) {
  /* Add your Mobile Styles here */

  .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
      height: 50px;
      line-height: 32px;
      padding-top: 10px;
      font-size: 16px;
  }

}

.cart_dropdown {
  display: none;
}

    This should resolve your issues.

    Let us know if this was hrlpful

    Best regards,
    Victoria

    March 20, 2017 at 4:03 pm #763676
    td8000

    Hi Victoria,

    thanks for your reply. Unfortunately this does not change anything.

    The matter is quite strange, as said removing this code:

    @media only screen and (min-width: 960px) {
    .av-inner-masonry-content {
    display:none !important;
    }

    does solve the problem. But it hasnt got anything do to with my menu and the cart symbol.
    And i do have to hide these masonry image titles on bigger screens.

    It might has to do with other quick css code i added before.
    Would you have a closer look?

    Thanks, Tobi

    • This reply was modified 7 years, 8 months ago by td8000.
    March 23, 2017 at 7:32 pm #765684
    Victoria

    Hi Tobi,

    These css rules do not depend on each other and the menu looks much nicer now and the cart is gone in mobile view. I don’t understand what is the problem now, can you please explain in more detail? Give us a screen shot and try checking again after pressing ctrl+f5 on Windows or cmd+r on Mac.

    Let us know if this was helpful.
    Best regards,
    Victoria

    March 24, 2017 at 10:37 am #766029
    td8000

    Hi Victoria,

    yes, i just found out yesterday, where the problem was and corrected it. Therefore it looks allright now.

    I did not close the media query. Copy/Paste error…

    In the code above the last } is missing.

    Everything fine now with:

    @media only screen and (min-width: 960px) {
    .av-inner-masonry-content {
    display:none !important;
    }
    }

    Anyway thanks for you help, you can closae the thread

    Tobi

    March 25, 2017 at 7:00 am #766512
    Rikard

    Hi Tobi,

    Great, glad you found the problem. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu in mobile view’ is closed to new replies.