Recent
Categories
View Replies (5)

J51_Chelsea_Mobile version

  1. Issue
0
Votes
Undo
  1. mabutaha
    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)
Logo moved.png Logo moved.png
Logo on top.png Logo on top.png
menu item hight.png menu item hight.png
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
mabutaha
mabutaha
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
mabutaha
mabutaha
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
mabutaha
mabutaha
Sherlock Holmes
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!

Site Links

Recommended

Join Our Newsletter

* indicates required
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.