"Display icon" (#2829106) / WPClever Support Forum

Comments

Farid started the conversation
July 19, 2021 at 11:24am
Hello WPC,

I have a display problem with the icon in the header. the icon takes up too much space even when removing margin ... How can I fix this?
767
Janilyn replied
July 20, 2021 at 3:11am
Hi Farid,

Thank you for contacting WPClever Support Forum.

We’ve received your ticket and assigned one of our developers to help you with that.

He’ll be looking into your question and responding with specific instructions as soon as possible.

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.
Janilyn T. - WPClever Support Agent
1,226
Dustin replied
July 21, 2021 at 9:04am
Hi Farid,
Please send me the website link which has this issue then I can check and provide the solution.
Best regards,
Dustin
1 Like
Farid replied
July 21, 2021 at 4:50pm
Hello Dustin,
I took it out in the meantime. You will therefore not be able to see the problem directly on the site but I will give you the link of the test clone to see the error:
You must see on Mobil version.
https://nskan14-dev-kanchasite.pf22.wpserveur.net/

1,226

Dustin replied

July 22, 2021 at 4:11am

Here is what I see on the mobile screen https://www.screencast.com/t/lDtGOoOhQ4o

Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

@media only screen and (max-width: 768px) {
    .ast-header-break-point .ast-builder-menu {
        width: auto;
    }
    
    .ast-header-break-point .main-header-menu {
        background-color: transparent;
        border: none;
    }
    
    .woofc-menu-item .woofc-menu-item-inner i:before {
        font-size: 18px;
        color: #fff;
    }
}

And the result https://www.screencast.com/t/d29fYiGve

Best regards,
Dustin