Duplicated Social Icons on Mobile

Thanks for getting back to me Victoria.

I would like only the ones relevant to the settings I have selected (“Display in top bar at the right”) to be displayed. So, that would be “the ones above the burger menu”.

Thanks for the CSS Victoria. Please could you comment on this statement in my original post: ” I know I could hide these with CSS, but I feel that this is a bug in the theme that should be fixed?”

Surely duplicated icons is a bug? Will you add it into your development pipeline as a bug for fixing please?

Thanks Victoria. I went to so much effort in my original post to make sure I was submitting a valid support request. Please do me a favour and go and reread it. I created a clean install of WordPress and Enfold and the issue is still there.

By the way, your CSS still leaves a border and a big gap to the right of the hamburger icon. The final CSS I am using to hide the duplicated icons for anyone else who may have this problem is:

@media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet #top .av-logo-container 
.social_bookmarks {
        display: none !important;
    }

    .avia-menu.av_menu_icon_beside {
        padding: 0;
        margin: 0;
        border: 0;
        -webkit-transition: none;
        transition: none;
    }
}

• This reply was modified 6 years, 6 months ago by garethlawson.

In a previous reply I asked, “Will you add it into your development pipeline as a bug for fixing please?” You have not responded to that question. Is this not the correct place to report this as a bug Victoria? Or is this not something that the Enfold development team would consider to be worth fixing?

Hi Ismael,

If you read my original post at the top of the thread, you will see that I went to the effort of creating a new, clean installation of WordPress and Enfold with NO MODIFICATIONS, apart from importing one of the Enfold demos. I am also hosting this myself and made the site accessible to the Enfold team as a proof of concept (see the Private Data in the original post).

It’s quite frustrating that I have to keep repeating this information. Please feel free to login there and take a look for yourself. Please also read the original post because the issue is only present when a specific combination of settings is used. I explained this in my original post.

I understand that you must get an overwhelming number of support requests for a theme as popular as Enfold, which is exactly why I went to the effort to validate this issue and to make it as easy as I could for you guys to review it yourselves. If I have not been clear in my communication, please help me to understand how I could better approach something like this for future reference.

Regards,
Gareth

Hi Victoria,

I encountered this on both PHP 7.0.x and PHP 5.6.x.
Please make sure that you replicate all the theme settings on the site listed in the private area below. More specifically:

• Main Menu -> Menu Items for mobile: Activate for Smartphones and Tablets (browser width below 990px)
• header -> Menu and Logo Position: Logo left, Menu below

Regards,
Gareth

• This reply was modified 6 years, 6 months ago by garethlawson.