Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2017 at 8:17 pm #857123
    tlchase

    Hi, I’ve reviewed several closed tickets from July and August referring to the hamburger menu not appearing due to not upgrading to the latest version of Enfold and WordPress. I am currently on Enfold version 4.1.2 and WordPress 4.8.2 so this is not the issue. I also read other tickets referring to plugins but I have gone 1 by 1 to confirm that it is not a plugin issue.
    —>Unfortunately the institution where I work has strict firewalls that prevent you accessing the dashboard…PLEASE DONT ASK FOR ADMIN ACCESS SINCE I HAVE TRIED ASKING FOR THIS IN THE PAST SEVERAL TIMES WITHOUT SUCCESS. Trust me, I wish I could provide this to you since it would make my life that much easier troubleshooting.
    PLEASE let me know what you would like me to take a screenshot of that you normally would use admin access to review and I will provide.
    The site is below

    September 26, 2017 at 8:39 pm #857130
    Yigit

    Hey,

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh. Mobile menu button and search icon shows up fine on my end.

    Cheers!
    Yigit

    September 26, 2017 at 8:41 pm #857131
    tlchase

    Ok ,so I have the following quick CSS:

    /***************************
    Adjust Overlap of Logo on Menu and Title on breadcrumbs section
    ***************************/
    @media screen and (max-width: 1130px) {
    #advanced_menu_toggle { display: block !important; }
    nav.main_menu { display: none !important; }
    }

    /******************
    title, caption, and slider size when minimized
    ****************/
    @media only screen and (max-width: 425px) {
    .avia-slideshow-inner, .avia-slideshow-inner img {
    height: 150px !important;
    }
    }

    @media only screen and (max-width: 886px) {
    .avia-caption-content {
    font-size: 11px !important;
    }

    .responsive #top .slideshow_caption h2 {
    font-size: 17px !important;
    }
    }

    After I removed this, the menu items are now overlapping the logo. Is there a way to make sure that the menu items dont overlap the logo? Please see image below:

    Thank you

    September 26, 2017 at 8:50 pm #857132
    tlchase

    Thank you Yigit, you replied as I had just removed this CSS but now I have the menu/logo overlap issue.

    Please advise

    Thanks!

    September 27, 2017 at 4:23 pm #857587
    Victoria

    Hi tlchase,

    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:991px) and (max-width: 1160px) {
  .av-main-nav > li > a {
      padding: 0 5px;
  }
}
@media only screen and (max-width: 479px) {
  .responsive #top .logo {
      width: 70%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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