Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #928595

    This looks horrible, how can it be fixed?

    http://www.goodfellastransitionalrecovery.com

    View post on imgur.com

    #929411

    Hey zohar2014,

    That is because of the image floating.
    Do you mind if we make it while the page resize, it goes on top of the ocntent?

    Best regards,
    Basilis

    #929980

    Will it still look the same aligned to the right in other views such as desktop view?
    Also, the other issue is with the menu. The items are all overlapping to a second row and out of place. Wouldn’t it make sense to have a mobile and responsive menu in this view?

    #930363

    Hi zohar2014,

    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 (max-width: 1024px) {
      nav.main_menu {
        display: block !important;
      }
      .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block;
      }
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #930550

    i have added the css code but it did not render the mobile menu correctly. These are two mobile menu buttons, one overlapping the logo area, and it seems to be on the wrong side?

    View post on imgur.com

    #931631

    Hi,

    Please add

    @media only screen and (max-width: 1024px) {
    .alignright {
    display: block;
    width: 100%;
    }
    }

    Please make sure that you disable Autoptimize also to make sure it works properly.

    Best regards,
    Basilis

    #931722

    I’ve deactivated autoptimize, added the additional css code, clear cache, but not seeing any change

    is it possible for you guys to go into my WP admin and check (i have login credentials in original post)

    #931836

    Hi zohar2014,

    Add this codes as well.

    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: 990px) and (max-width: 1025px) {
      .container.av-logo-container .inner-container .main_menu {
        display: none !important;
      }
      .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
         float: right;
         width: 80px;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #933958

    It seems to look good now!!

    #934324

    Hi,

    Glad to hear that :) Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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