1. mabutaha
  2. Commercial Templates
  3. Saturday, 15 September 2018
  4.  Subscribe via email
Dear Ciaran,

I'm using Chelsea template and have an issue on the responsive mode:

1- I have added a newmodule. at the top of the screen for the mobile responsive mode to include our logo next to hamburger bottom rather than the logo position on the desktop mode. When clicking on the hamburger bottom the logo moves down to the end of the menu dropdown (as shown in the first image). How can fix that and keep the logo on the top at all times (as on the second image)?

2- How can I reduce the hight of the mobile menu items and submenu items (explained in the 3rd image)?

3- Is it possible to use another mobile menu as the one in Sophia template for example? If yes, how would that be possible?

Thanks in advance,
Mai


Logo moved.png Logo on top.png menu item hight.png
Attachments (3)
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Please include a URL to an example of these issues.

Ciaran
mabutaha Accepted Answer Pending Moderation
0
Votes
Undo
I will resend you a temporary access to our site via email.
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. Sorry to say this option is not available as the positioning fields will always be relative to the current position in the header area.

2. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.slicknav_menu .slicknav_nav a,
.slicknav_menu .slicknav_nav .slicknav_item {
padding: 2px 14px;
}


3. Sorry to say at present only the Slicknav mobile menu is available with the Chelsea template. Extensions may be available via the Joomla JED which will allow you to add an alternative mobile menu... https://extensions.joomla.org/

Ciaran
mabutaha Accepted Answer Pending Moderation
0
Votes
Undo
Dear Ciaran,

Thank you so much for solving the issue no. 2, the code made the trick and I have also added a code to change the font size ;)
As for the issue no. 1, is there another way to have the logo stacked next to the hamburger menu rather than using the newmodule. position?

Thanks,
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Unfortunately, any solution would be quite hacky and I can not guarantee it will work on all devices. For example, you could add something like the following to the Custom CSS field of your template settings..

#logo {
position: fixed;
top: -3px !important;
z-index: 1040;
}
.slicknav_menu {
position: sticky;
top: 0;
}


Ciaran
mabutaha Accepted Answer Pending Moderation
0
Votes
Undo
Many thanks, will give it a try!

Mai
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Join Our Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.