Square Box In Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Square Box In Menu

EK

Eric Klunder

Helix Framework 4 years ago

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

0
12 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #17214

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

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #16693

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

0
EK
Eric Klunder
Accepted Answer
4 years ago #16702

Ok and Thanks.

See Hidden Content

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #16876

Super administrator access, Please. Thanks

0
EK
Eric Klunder
Accepted Answer
4 years ago #16891

Hello Toufiq,

The User 'Support' has the requested rights now.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #16910

Checking...

0
Pavel
Pavel
Accepted Answer
4 years ago #16912

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.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #16913

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;
}
0
Pavel
Pavel
Accepted Answer
4 years ago #16914

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.

0
EK
Eric Klunder
Accepted Answer
4 years ago #17018

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.

0
Pavel
Pavel
Accepted Answer
4 years ago #17058

Hi. To reduce image file size, it must be compressed. Take a look at this service https://www.iloveimg.com/compress-image

0
EK
Eric Klunder
Accepted Answer
4 years ago #17179

hi,

I will reduce image-sizes on the website. Thank you for helping me out.

0