Trouble with editing in 8.1.0

Permalink Browser Info Environment
Hi.
I´m trying to customize the menu to look like the existing menu, but when I do that it crashes and shows different alertboxes (see one of them attached), and also it´s not showing in edit mode like in your videos (see attached file).
Maybe I´m doing something wrong and I´m not sure what do put in the "Font Type Calibration" and "Font Family Calibration (attached file). The font used in the original site menu i Trebuchet MS but when typing that info in, it crashes again with another alertbox.
I´m using the Seren template and the latest Concrete version (8.1.0).

What can be the problem here?
/Peter

3 Attachments

Type: Pre-Sale
Status: In Progress
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi Peter,
Thanks for your message.

I can only read English so I'm not sure what that first error message says. Can you please translate that for me? It could possibly be an error due to invalid data entry. If you can PM me your site's URL and login details I can take a look at all your options selected and try to replicate the issue on my end.

When you're using the Google Web Font option, just enter the name of the font you wish to use. You can find the full list of fonts here:http://fonts.google.com/ eg. Open Sans

The newer versions of Concrete5 hide certain types of add-ons during edit mode if they've got a more complex structure. This is standard across all add-ons for C5. My videos were created in an earlier version of C5

Hope this helps.

JB
peel1962 replied on at Permalink Reply
Hi JB.
Of course, swedish is not a "world language" so I translate it for you😀.
"An unexpected error occured" is the sentence.
I´m planning to use the css font Trebuchet in the theme, but when I write the name in, it crashes anyway, so I must do something wrong here.

What I want is to make the megamenu look like the default menu (more or less).
I will PM you an admin user so you can have a look.
Many thanks
/Peter
jb1 replied on at Permalink Reply
jb1
Thanks Peter, that makes more sense.

I've looked into the code and can see 1 line when a "CSS Font" option is chosen and the add-on is still trying to pull in a Google Font file. This throws a Javascript error which in turn prevents the menu from being shown. Here's a screenshot:
https://screencast.com/t/2bjjAuHX...

I've fixed this line and uploaded v1.6.1 to the C5 Marketplace so if you update the add-on, that should work better.

Let me know how that goes.

JB
peel1962 replied on at Permalink Reply
Hi JB.
Now it´s working fine, the fix did the trick. So no more crashes.

Although I´m a little confused about where in the CSS code (custom advanced) I can change the menu to align center like the original menu. I put them in top of each other so it´s easier to compare.

And also a few other things about the submenu where it seems to be a max length for the first level. I removed the css uppercase code from the submenu to top level, but it´s still there in the sub fonts. How do I change the sub fonts to be lowercase? And I also want the hovering in the top level to be transparent, but I´m not sure where to change.
I just want it to look like the original. I´m close but not there yet.

Thanks
/Peter
jb1 replied on at Permalink Reply
jb1
Hi Peter,
Here's a few CSS tips:

For submenu headers, if you set the font size to 11px in this class and apply center alignment, then the headers will fit:
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr .mega-hdr-a
Here's a screenshot:https://screencast.com/t/9odIy6lN...

For 2nd level submenu alignment, add it here:
.jbmm.custom ul.mega-menuh .sub li.mega-hdr li a
Screenshot:https://screencast.com/t/d06Jl7fyp0...

The background colour of the top level menu is set:
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a:hover
(just search the CSS for the keyword "hover" and look for a grey color (in this case #ccc).

I recommend using Google Chrome's "inspector" tool to see what CSS is active and tweaking it on the fly. This makes the development process easier because you can see the changes live.

Hope this feedback helps.

JB
peel1962 replied on at Permalink Reply 1 Attachment
Thanks, I was able to fix a couple of things but...

When I try to change the"hover" bg color like you described it really not changes anything.
And the red color before that (#a32403) isn´t showing up anywhere either. (see image)
And now I´ve changed everything I can find to not being gray, just to see what´s happening, but.... nothing happens.
I´m a bit confused right now. I must be doing something wrong here.

Maybe I wasn´t clear but what I ment with center the menu was the whole menu, not the submenu. Is that possible.? I can see the center code i "general styles" but I dont´ really know what i does.

It feels like I can make visible changes on part of the css code, but not on all.

/Peter
jb1 replied on at Permalink Reply
jb1
Hi Peter,
Please be aware that the free support included with my add-ons and themes does not extend to free training on CSS/HTML/JS/PHP. These questions are of a more general CSS nature.

To point you in the right direction, the menu items are generated using unordered list items (UL, LI). LI elements according to HTML/CSS restrictions don't natively support centered alignment. The closest thing to achieve that is give the UL a fixed with and then use "margin: 0 auto" as a pseudo centering effect.

If you would like any further CSS training, I offer that at a rate of US$90/hr.

I hope this feedback helps.

JB
peel1962 replied on at Permalink Reply
I totally understand. I managed to solve a few problem on my own. Now it´s almost done except the align center issue wich I didn´t solve. I feel I´ve tried everything but no success.
I´m of course willing to pay you to solve that last problem for me.
You still have the temporary login I gave you earlier.
Thanks
/Peter
jb1 replied on at Permalink Reply
jb1
Hi Peter,
Ok, here's how to centre align the menu:
screenshot:https://screencast.com/t/tse6TuMv2...

Changes/additions:
.jbmm.custom ul.mega-menuh{
width:fit-content;
margin:0 auto;
text-align:center;
}

.jbmm.custom ul.mega-menuh > li{
display:inline-block;
}
(this will centre align only the first level of menu items - main navigation, not submenus)

You can add this code to your theme's CSS file or into the custom CSS field for the Mega Menu (editor interface - recommended method).

If the menu items wrap around to a 2nd line (depending on the browser window size), they stay "left" aligned unfortunately. So the best thing to do is adjust the font size for several "breaks" at different browser/device sizes (ie. responsive design). Alternatively, I recently released a new version of the Mega Menu which supports a "hamburger" so you can completely collapse the menu into a small icon at specific breaks.

Please let me know if that works for you. If so, I'd certainly appreciate a payment via Paypal (0.25hrs @ US$90/hr = US$22.50)
http://c5extras.com/payments-donate/...

Much appreciated.

JB
peel1962 replied on at Permalink Reply 1 Attachment
Hi JB.
I´ve added the code you gave me in the editor css (see att. image), but the menu didn´t center.
What can be the trouble?

It¨s OK with only 1st level centered.

Thanks
/Peter
jb1 replied on at Permalink Reply
jb1
Hi Peter,
Ah, one other piece of CSS code I missed:

.jbmm.custom ul.mega-menuh{
float: none !important
}

That can be added/merged with the previous snippet of code and then you'll have the centering working fine.

JB
peel1962 replied on at Permalink Reply
Hi again.
So strange, I pasted the code in, and still not centered. A bit confusing.
Any other suggestion?
/Peter
jb1 replied on at Permalink Reply
jb1
Hi Peter, the menu IS actually centred. Here's a screenshot:
https://screencast.com/t/bQrBPiEs8e...
As I mentioned earlier, if the menu items are too many and wrap over a 2nd line then each LI element (menu item) will float back to the left. But the whole menu is center aligned compared to the rest of the page.
For this reason I suggest tweaking the padding and font size at different browser size breaks (making it more "responsive") so it fits one 1 line at each of the major break sizes:
https://responsivedesign.is/develop/browser-feature-support/media-qu...

Hope this helps.

JB
jb1 replied on at Permalink Reply
jb1
Sorry, my mistake. There is one more piece of CSS code you can remove to make the LI items not float to the left. Here's a screenshot:
https://screencast.com/t/tWluScgQsEn...
If you remove that float, you'll have what you're after.

JB
peel1962 replied on at Permalink Reply
YES!! That did it!
Thank you so much for helping.
I will do the payment today😀

/Peter


Hi again.
I did the payment through your link (25 USD). It went to Smartcorp Limited so I hope my money came to the right place.
/Peter
jb1 replied on at Permalink Reply
jb1
Brilliant, I recieved the payment. Thanks so much Peter.

And if you have 1 minute to leave a positive review on the C5 marketplace, I'd greatly appreciate that:
https://www.concrete5.org/marketplace/addons/mega-menu1/reviews...

Have a fabulous weekend.

JB

concrete5 Environment Information

# concrete5 Version
Core Version - 8.1.0
Version Installed - 8.1.0
Database Version - 20170123000000

# concrete5 Packages
Breadcrumb Trail Page Links (1.1), Login/Logout Link (1.0), Login Page Background (0.9), Mega Menu (1.5.39), Seren (1.0.2)

# concrete5 Overrides
languages/en_GB/LC_MESSAGES/messages.mo, languages/en_GB/LC_MESSAGES, languages/en_GB, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/cs_CZ/LC_MESSAGES/messages.mo, languages/cs_CZ/LC_MESSAGES, languages/cs_CZ, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/en_GB/LC_MESSAGES/messages.mo, languages/en_GB/LC_MESSAGES, languages/en_GB, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/cs_CZ/LC_MESSAGES/messages.mo, languages/cs_CZ/LC_MESSAGES, languages/cs_CZ, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
LiteSpeed

# Server API
litespeed

# PHP Version
5.6.30

# PHP Extensions
bcmath, bz2, calendar, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, intl, json, libxml, litespeed, mbstring, mcrypt, memcache, mhash, mysql, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, tokenizer, turbo_realpath, XCache, XCache Cacher, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 3000
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 5000
memory_limit - 1024M
post_max_size - 100M
sql.safe_mode - Off
upload_max_filesize - 100M
memcache.max_failover_attempts - 20
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
RealPath safe mode - <i>no value</i>
realpath_cache_safe_mode - <i>no value</i>
xcache.var_maxttl - 0
opcache.max_accelerated_files - 4000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/602.4.8 (KHTML, like Gecko) Version/10.0.3 Safari/602.4.8

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.