Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Accordeon mobile confuses styles

Accordeon mobile confuses styles 19 Jul 2018 01:45 #48923

  • jrisken
  • jrisken's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 1
I have a nice-looking desktop Accordeon menu on sbox.thinkagainmn.org.

When I look at the site on my phone, it starts with the same nice-looking menu. But after I choose a menu item, the menu is replaced with a single-line button saying menu on one end and with a hamburger at the other.

When I tap on that button i get a functional but completely differently-styled menu than the one I started with. If I use the phone's Back button instead I get to the correct version of the menu.

Clearly what I want is to always go back to the correct version of the menu.
Attachments:

Please Log in or Create an account to join the conversation.

Last Edit: by jrisken.

Accordeon mobile confuses styles 19 Jul 2018 06:12 #48926

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20181
  • Karma: 417
  • Thank you received: 2569
Hi
if I understand you don't want the mobile menu at all
go in the plugins >> disable the mobile menu

then tell me how it looks like
CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Accordeon mobile confuses styles 19 Jul 2018 15:34 #48939

  • jrisken
  • jrisken's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 1
The menu does not collapse if mobile is disabled. That means, on my phone, that the article I have selected is somewhere below the bottom of the screen; the user doesn't even know the selection has been made.

Collapsing the menu down to a button on an article click is a necessary behavior for mobile operation. If there were a module I could attach to each article that would do that, I'd be OK with people having to use the Android Back button to go back.

Alterantively, if that article click would scroll the screen to the end of the menu, that would be OK too.

Please Log in or Create an account to join the conversation.

Accordeon mobile confuses styles 19 Jul 2018 15:58 #48941

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20181
  • Karma: 417
  • Thank you received: 2569
you have asked me by email about this and I think that I have not correctly understood what you want to do
let's check together :)

I undestand now that you don't want a mobile menu, but just an icon to collapse the menu (normal desktop menu).
This is not the way to work of the mobile menu ck, it renders a new mobile menu specific for mobile users.

to add a collapse icon, you can check the code in the Protostar template and put it to wrap your menu module position
<nav class="navigation" role="navigation">
					<div class="navbar pull-left">
						<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
							<span class="element-invisible"><?php echo JTEXT::_('YOUr_TEXT_HERE'); ?></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</a>
					</div>
					<div class="nav-collapse">
						<jdoc:include type="modules" name="mymenu" style="none" />
					</div>
				</nav>
if bootstrap is loaded in your template, it shall work

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Accordeon mobile confuses styles 22 Jul 2018 04:14 #48965

  • jrisken
  • jrisken's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 1
Actually, I DO want mobile. But I'm confused about styling.

On sbox.thinkagainmn.org if I look at the site on my tablet in landscape mode I see the menu I designed (Using Accordeon CK Params). When I rotate it to portrait mode, the menu is replaced by one which I did NOT design

There are a number of styling options on Accordeon Mobile - but none of them make any difference in the colors displayed in the mobile menu. And there's a drop-down under 'Use the Module Styles'. If I select 'Existing Styles' the 'Select Style' drop-down on the next line offers only a single choice.

I've got to be missing something....

Please Log in or Create an account to join the conversation.

Accordeon mobile confuses styles 22 Jul 2018 14:39 #48972

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20181
  • Karma: 417
  • Thank you received: 2569
the styles from the module and the styles from the mobile menu are 2 different things
1/ module : you can set the style for the normal menu, this is what you already have
2/ mobile menu : to style it you must go in the plugin options, in your plugin manager you will find it "accordeon menu ck mobile". This is where you must go to change the theme

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Accordeon mobile confuses styles 22 Jul 2018 16:06 #48976

  • jrisken
  • jrisken's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 1
Yeah. I found it.

For the benefit of other newbies to Joomla, here is what was confusing to me and might also be confusing to you:
I started with the desktop AccordeonCK, then added AccordeonCK Params pluin so I could style the resulting menu.

On a mobile device that menu, styled by me would appear but it would behave poorly - not shrinking to a button or getting out of the way for other content.

So I added the Accordeon mobile plugin. I enabled 'mobile' in my Accordeon module and got a different menu on some mobile devices with none of my styling - even though the module still showed my styling to be in effect.

As ced notes, that's because those styles do not apply to those menu items when the menu switches to a mobile device. That's something that may seem obvious if you've been hanging out in Joomla for a while, which I have not. And it's complicated by the fact that there ARE two different themes available for the mobile menu, but those can't be chosen or toggled under the 'mobile options' in the Accordeon module. Rather you have to go the Accordeon mobile plugin and choose one of the two there.

I am also discovering that I can add some CSS at the end of the responsive CSS file to force a color scheme on to the mobile menu. It would be nice if the default mobile menus had the option to borrow background, text, and hover colors from the desktop Accordeon styling. But maybe that's something for a future release.

I hope I've got this correctly stated now. ced has been patient, and I'm sure he'll correct whatever I've gotten wrong.
The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Time to create page: 0.195 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 355 guests and no members online