square box in menu - Forum | JoomShaper
Solved Helix Framework

square box in menu

Asked by Eric Klunder 5 years ago Last activity 5 years ago

How can I delete the square box behind the menu-title?
See screenshot: https://prnt.sc/12mcn2b

Accepted answer

Marked as the solution
Toufiq Senior Staff
5 years ago

Does solved your issue? If yes, you should close the forum post. Thanks

11 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
5 years ago

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon.

-Thanks

Eric Klunder Asked this
5 years ago

Ok and Thanks.

See Hidden Content

Toufiq Senior Staff
5 years ago

Super administrator access, Please. Thanks

Eric Klunder Asked this
5 years ago

Hello Toufiq,

The User 'Support' has the requested rights now.

Toufiq Senior Staff
5 years ago

Checking...

Pavel
5 years ago · edited

Hi. Chrome just shows those places where the icons should appear (angle-right Icon) of Font Awesome. Due to the fact that your site is very heavy and has a long loading time Font Awesome is not immediately loaded. Because the main flow occupy images. You need to spend optimization work. And you need to start with a decrease image sizes. Use an online service for image compression.
Your images in the slideshow weigh almost 3MB each. It is unacceptable. They can be reduced by 70% at least.

Toufiq Senior Staff
5 years ago

I have added this css code inside the custom.css file. Please check & let me know. 

.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after {
    font-family: "Font Awesome\ 5 Free";
    content: "\f107";
    font-weight: 900;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: "Font Awesome 5 free";
    content: " \f105";
    float: right;
    font-weight: 900;
}
Pavel
5 years ago · edited

Hi Toufiq. You just cured a consequence of moving the code a little closer that allows this a little faster loaded. But this was not required. After a while, the icons appear instead of squares. The problem is in large images and long loading time.

Eric Klunder Asked this
5 years ago

Hello Pavel and Toufiq,

Thank for your input. Very helpful!

I will try to minimize the size of the large size images. I assume you mean the full screen images on top of the page just below the menu. Just a question to put me on the right track.
To create the full screen coverage I need the width dimension of 1920px I believe. But the images are 144 dpi at the moment and . png.

Is bringing the dpi down to 72 the solution, or is that just a first start. Is more needed to optimize the loading time?
Thanks already and looking forward to your awnser.

Log in to reply.