Recent
Categories
View Replies (15)

Mobile menu in Calibra

0
Votes
Undo
  1. paolofarina
    paolofarina
  3. Commercial Templates
  4. Monday, 27 April 2015
  5.  Subscribe via email
Hi Ciaran,
I have two questions:

1) when I check my website http://www.isamilan.com with a mobile, the menu show only "menu" and not all the other menu item
I followed the instruction: create a new module for each language with ID Class mobile...

I tried to set off all the third part plugin (they are just 2: JCE e Resourcer) but nothing happen

My core CSS is vergin, I only hadded new position for language switcher following instruction of your tutorial.

Check with italian language that have more menu item.

2) when I check the site with mobile, there is too much free space between logo and menu, I attach a screenshot to better explain.

Thank you Ciaran.

Paolo
Responses (15)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Paolo

Your site appears to be offline. Could you send us temporary access to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Paolo

1. Select a Template style in your 'Template Manager' (Eg. Central - Default) and duplicate it for each language you want. In each of the styles then select the menus to be displayed for that language. You can then set that template style to the langauge via the 'Languages' dropdown or by assigning the correct menu items via the 'Menu Assignment' tab.

2. To amend try adding the following to the Custom CSS field of your templates parameters.,..


#nav-toggle {

    top: 58px;

    text-indent: 999px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
for the first point is ok :) :)
Now menu items in mobile are visible.

But for the second question nothing change.

I think is better if you check the custom css i added because I'm afraid that your code would be in conflict with code taht I added in the last days.

Thank you Ciaran, come potrei fare senza di te? (How can i do without you?)

Paolo
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hey Paolo

To resolve could you also try adding the following to the Custom CSS field...


.js #nav {

    top: 68px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry Ciaran, but still doesn't work.
I did a mistake, is not calibra, is Pianoforte.
Sorry

Paolo
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Paolo

The last suggested CSS does not appear to in included with your Custom CSS (English template style). We tried adding the CSS ourselves with the access details provided however connection with your server appears to constantly reset, preventing us from doing so.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
sorry Ciaran,
I erased your account.
Now you have your older account to access

Thanks

Paolo
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Paolo

Sorry to say we are still unable to access your administration (username: ciaran).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
try now

Thanks

Paolo
  1. more than a month ago
  2. Commercial Templates
  3. # 9
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
I send you an email with the link to access to the backend

Thanks
Paolo
  1. more than a month ago
  2. Commercial Templates
  3. # 10
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Paolo

We have added the suggested CSS to your Custom CSS field of each of your template styles and your mobile menu appears to be now working correctly.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
sorry there is still too much space between logo and menu bar in mobile view.
I attach you a screenshot to better understand.

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 12
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
My apologies... I had mis understood your original query.

Try adding the following to the Custom CSS field of your templates parameters to reduce your header height on smaller screen devices...


@media only screen and (max-width: 767px) {

#container_header {

    height: 180px;

}

#container_header_bg {

    top: 120px;

}

#nav-toggle {

    top: 0px;

}

.js #nav {

    top: 9px;

}

}


PS. Once again we are unable to access your administration.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 13
paolofarina
paolofarina
Accepted Answer Pending Moderation
0
Votes
Undo
Yahooo, it works.
I customized it, now I have to put on all the templates for each language.
Thanks Ciaran.

Paolo
  1. more than a month ago
  2. Commercial Templates
  3. # 14
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Great!!.. thank you for the update :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 15
  • Page :
  • 1


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