Viewing 30 posts - 1 through 30 (of 39 total)
1 2
  • Author
    Posts
  • July 18, 2018 at 2:58 pm #987008
    Roberta

    Hi,

    For some reason an icon is displying at the top left of the homepage (www.myelitis.org) and I can’t find a way to remove it. Also, when you shrink the browser to below 990 pixels the background automatically changes to black (the menu also looks funky) until 768 pixels.

    Help would be appreciated.

    Roberta

    • This topic was modified 6 years, 5 months ago by Roberta.
    July 19, 2018 at 6:28 am #987271
    Rikard

    Hey Roberta,

    Please try the following in Quick CSS under Enfold->General Styling:

    #advanced_menu_toggle, #advanced_menu_hide {
  display:none !important;
}

    Best regards,
    Rikard

    July 19, 2018 at 6:39 am #987274
    Roberta

    Hi Rikard,

    I just added it to the quick css but nothing changed. :(

    Best,
    Roberta

    July 20, 2018 at 9:14 am #987743
    Roberta

    Can you please let me know how to fix it?

    Thanks.

    July 20, 2018 at 1:43 pm #987820
    Victoria

    Hi rpesce,

    You have an old version if the header.php or the helper-main-menu.php in your child theme. You need to update them with a fresh copy and add your customizations on top of them.

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

    July 20, 2018 at 1:50 pm #987824
    Roberta

    Hi Victoria,

    Thanks for your response. I just updated the header.php file in the child theme with the newest enfold header.php file and nothing changed. We didn’t have a helper-main-menu.php in our child theme.

    Any other suggestions on how to fix this?

    Thanks.
    Roberta

    July 20, 2018 at 2:08 pm #987836
    Roberta

    Victoria,

    A follow up: the top icon on the left is gone now but the color of the bar still changes to grey when the browser goes below 990 pixels. Any idea how to fix this?

    Thanks,
    Roberta

    July 20, 2018 at 3:19 pm #987876
    Roberta

    I realized it just happens when the “transparent header” is selected in the layout settings on the page.

    How am I able to remove the grey when the browser shrinks for the transparent header?

    Thanks,
    Roberta

    • This reply was modified 6 years, 5 months ago by Roberta.
    July 23, 2018 at 3:58 pm #988742
    Victoria

    Hi Roberta,

    Can you please have Appearance > Editor enabled

    Enabling the WordPress Theme and Plugin Editor

    Best regards,
    Victoria

    July 23, 2018 at 4:08 pm #988744
    Roberta
    This reply has been marked as private.
    July 24, 2018 at 11:05 am #989109
    Victoria

    Hi Roberta,

    Thank you for that.

    Best regards,
    Victoria

    July 26, 2018 at 2:25 pm #990265
    Roberta

    Hi Victoria,

    Any update?

    Thanks,
    Roberta

    July 26, 2018 at 9:29 pm #990447
    Victoria

    Hi Roberta,

    Did you see my reply in private?

    You do have the includes/helper-main-menu.php in your child theme, you need to update it too.

    Best regards,
    Victoria

    July 27, 2018 at 9:55 am #990597
    Roberta

    Hi Victoria,

    Apologies, I didn’t see your private response. I changed the helper file now. However, the grey area still shows up when shrinking the browser. As mentioned in my previous reponse, when changing the header.php file, the top icon on the left dissapeared but the color of the bar still changes to grey when the browser goes below 990 pixels. I realized it just happens when the “transparent header” is selected in the layout settings on the page.

    Also, when the browser shrinks, the menu doesn’t turn into a burger menu (even though the icon does shows up) until later (see the image below).

    Any idea how to fix these two issues?

    Thanks,
    Roberta

    July 29, 2018 at 2:53 pm #991059
    Victoria

    Hi rpesce,

    Here is how to hide the Enfold’s burger menu:

    
@media only screen and (max-width: 989px) and (min-width: 768px) {
  .responsive.html_mobile_menu_tablet .av-burger-menu-main {
      display: none;
  }
}

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

    July 30, 2018 at 9:03 am #991444
    Roberta

    Hi,

    Thanks. I’ll reach out to uber menu about the responsiveness. What about the grey color though? It only shows up when the “transparent header” is selected in the layout settings on the page. How can I remove the grey color and have it like all other pages?

    Also, I added the code you sent at the top but the Enfold Burger menu still shows up inside the uber menu.

    Thanks,
    Roberta

    July 31, 2018 at 1:01 pm #991908
    Ismael

    Hi,

    The gray area is the background of the wrap_all container. You can adjust that with this css code.

    .html_stretched #wrap_all {
    background-color: #ffffff;
}

    Add this css code to remove the theme’s burger or mobile menu container and pull the ubermenu container upwards.

    @media only screen and (max-width: 989px) {
.responsive .av-burger-menu-main {
    display: none;
}

.responsive #top .logo {
    width: 50%;
    float: left;
}

.logo, .logo a, .logo a img {
    max-height: 156px !important;
}
}

    Best regards,
    Ismael

    July 31, 2018 at 3:33 pm #991956
    Roberta

    Hi Ismael,

    I added the code to quick css but nothing changed.

    Best,
    Roberta

    August 1, 2018 at 7:33 am #992205
    Ismael

    Hi,

    Did you toggle the css/js compression after adding the code? Please purge the cache as well.

    Best regards,
    Ismael

    August 1, 2018 at 7:26 pm #992526
    Roberta

    Hi Ismael,

    Thanks for your response. Not sure what toggle css/js compression is. I did purge the cache, but that didn’t solve the problem.

    Best,
    Roberta

    August 2, 2018 at 6:09 am #992712
    Ismael

    Hi,

    Thanks for the update.

    My previous reply along with the css codes has been included on the Quick CSS field, which is why it’s not working. I removed that text and then fixed a few invalid or unclosed css media queries. Please create a backup of the current style.css file and then replace it with the following:

    // https://pastebin.com/aW41jzce

    I edited some of the css media queries.

    Best regards,
    Ismael

    August 2, 2018 at 8:53 am #992758
    Roberta

    Hi Ismael,

    Thank you so much for your quick reply! That definitely fixed the background color but unfortunately I’m still having major issues with the menu. When the browser shrinks, the logo will get cut off and change resolution. Also the burger/menu won’t go to the right hand side but on top of the menu instead and inside the menu, another burger still shows up. Would you be able to help with this?

    I’m attaching some screenshots:

    menu

    menu 2

    Thank you!
    Roberta

    August 3, 2018 at 9:16 am #993112
    Ismael

    Hi,

    The logo image has a lot of blank space on the right. Why did you resize it like that? Please upload a larger version of the image without those blank spaces. We can then adjust the position of the logo with css. (see private field)

    Best regards,
    Ismael

    August 6, 2018 at 4:56 pm #993992
    Roberta

    Hi Ismael,

    I’ve updated the logo. Please let me know how to adjust the position of the logo and the menu.

    Thanks,
    Roberta

    August 7, 2018 at 3:18 am #994185
    Ismael

    Hi,

    I’ve edited a few css codes from the Quick CSS field but the site is still using the old version of the stylesheet. I’ve already cleared the cache.

    Please remove this css code from the style.css file and then clear the cache to regenerate the new stylesheets.

    .av_main_nav_header.av_menu_right .ubermenu-responsive-toggle {
    float: right;
    margin-top: -50px !important;
}

    Best regards,
    Ismael

    August 7, 2018 at 8:31 am #994265
    Roberta

    Hi,

    Thanks for your quick response. I removed the code from the style sheet and cleared the cache but I’m still experiencing the same issues (see images below).

    menu overlaps logo

    burger menu overlaps logo

    burger menu overlaps secondary menu

    Thanks,
    Roberta

    August 8, 2018 at 1:51 am #994650
    Ismael

    Hi,

    I already removed the following css code but it’s still being applied in the frontend. The resources are cached.

    @media only screen and (max-width: 989px) {
.logo, .logo a, .logo a img {
    max-height: 156px !important;
}
}

    Please ask your hosting provider if there is a server cache and enable the Appearance > Editor panel so that we can edit the style.css file.

    Best regards,
    Ismael

    August 9, 2018 at 9:29 am #995319
    Roberta

    Hi,

    I’ve enabled the editor panel. Please let me know when I can disable it again.

    Thanks,
    Roberta

    August 9, 2018 at 10:28 am #995351
    Ismael

    Hi,

    The editor is still not accessible. You have to remove this code from the style.css file.

      .av_main_nav_header.av_menu_right .ubermenu-responsive-toggle{
    float:right;
    margin-top:30px;
  }

    I’ve added these css codes on the Quick CSS field to adjust the menu and logo on mobile view.

    @media only screen and (max-width: 989px) { 
  .responsive .av-burger-menu-main { 
  display: none; 
  } 

.av_main_nav_header.av_menu_right .ubermenu-responsive-toggle {
    float: right;
    margin-top: 30px;
}

.responsive .logo img {
    margin-top: 30px;
}
} 

@media only screen and (max-width: 767px) {
.av_main_nav_header.av_menu_right .ubermenu-responsive-toggle {
    float: right;
    margin-top: -50px;
}

.responsive .logo img {
    height: 80px !important;
    max-height: 80px;
}
}

    Best regards,
    Ismael

    August 9, 2018 at 10:29 am #995352
    Roberta

    Hi,

    How am I able to make this accessible? I see the editor in the appearance menu now.

    I already removed this code from the style.css file last time

    .av_main_nav_header.av_menu_right .ubermenu-responsive-toggle{
    float:right;
    margin-top:30px;
    }

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