1. mabutaha
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 15 September 2018
  5.  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)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Please include a URL to an example of these issues.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I will resend you a temporary access to our site via email.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
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,
  1. more than a month ago
  2. Commercial Templates
  3. # 4
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Many thanks, will give it a try!

Mai
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!