Change The Direction Of The Arrow - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Change The Direction Of The Arrow

MA

Moamer Ahmed

Template 7 months ago

I have a problem with the arrow position. I want it to the left.In the sub-dropdown menu https://bs.med.ly/main/ like this <

0
14 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 7 months ago #187067

Hi there!

Thank you for bringing this to our attention, and I sincerely apologize for the inconvenience caused.

To assist you more effectively, may I kindly request temporary administrative access to your site? This will allow me to thoroughly investigate and resolve the issue for you.

Before sharing the credentials, I strongly recommend taking a complete backup of your site to ensure all data remains secure.

Looking forward to your response.

Best regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #187072

Please use that Custom CSS line:

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
  float: left;}

In Template Options > Custom Code > Custom CSS

and you will get that

info_3386_2025.gif

0
MA
Moamer Ahmed
Accepted Answer
7 months ago #188036

The first step worked but The arrow should be pointing left towards the sub-drop-down menu and not towards the main menu.

< <

https://bs.med.ly/home/index.php

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 7 months ago #188083

Please modify the css to

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
    float: left;
    transform: rotateZ(180deg);
}
0
MA
Moamer Ahmed
Accepted Answer
7 months ago #188037

Offcanvas ........Another problem is the + sign appearing on the text. I want it to appear to the left of the text. https://bs.med.ly/home/index.php

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 7 months ago #188079

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

body.rtl .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler{
    right: unset;
    left: 0 !important;
}
0
MA
Moamer Ahmed
Accepted Answer
7 months ago #188172

Thank you very much..everything is working now

0
MA
Moamer Ahmed
Accepted Answer
7 months ago #188354

There is a problem with the right alignment of the main menu. https://bs.med.ly/home/

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #188355

I see your header like that

info_2720_2025.gif

tell me / show me - what is wrong?

0
MA
Moamer Ahmed
Accepted Answer
7 months ago #188373

Now it's aligned left. Slide the list to the right. So that the space to the left is

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #188398

Now I see like that :)

info_2722_2025.gif

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #188399

BTW

  1. You can hide [=] from Desktop view, is not needed on laptop only on the mobile view.
  2. If that is Joomla 4 or Joomla 5 - enable built-in Accessibility plugin, to improve that aspect.
  3. Module visitcounter that you have on the bottom, is waste of time and resourses. Use real stats script, becuase that module will clog up your database (!) I know, I have seen it many times in the past.
  4. Remove social icons that you don't use (top-right) For example, Google+ was closed by Google a few years ago.
0
MA
Moamer Ahmed
Accepted Answer
7 months ago #188409

Thank you for your valuable feedback. But this is the website link. https://bs.med.ly/home/index.php The top menu appears shifted to the left. I want you to start from the right.

https://bs.med.ly/9517535.jpg

Iwont like this https://bs.med.ly/95175356767.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #188533

Use that Custom CSS line

.ar-aa .sp-column.d-flex.align-items-center.justify-content-end 
{justify-content: flex-start !important;}
0