Off Canvas + Mobile Menu Problems

aman204

gringo211985 Hi

1) Try to make your logo width and height smaller as the current one was almost overlapping the menu collapse button in responsive mode due to which home link url reference from logo was spanning over the menu thus obstructing its functionality to open. I have selected logo to be text for your consideration as this could be right size for logo image

2) Try to add this to css file :

@media (min-width: 320px) and (max-width: 480px) {.jub-block .header .navbar-brand{width:80% !important;}
.jub-block .nav > li{width: 220px;height: 50px;}.jub-block .header .navbar-collapse{padding-top:0 !important;}
}

and adjust width and height value accordingly

You can let me know as to how it goes after doing the above steps so as to proceed further with other queries 🙂

gringo211985

Hi @aman204

This is not acceptable!!! Do not change the logo on my production site to text, this is truly awful support and I can't believe you did this??? Why on earth would you do this???

If the link is spanning to wide then how do I remove this link, I don't want it or need it, maybe I can set a "max-width" with CSS instead of you changing my logo!!!

What does this CSS do? Can you show me a screenshot?

PS - Please don't change anything important on my site like the logo without my express permission!!!

Thanks,
Richard

gringo211985

Hi @aman204

Also this doesn't fix anything, there is a clear bug on the home-page that is not present on any other pages!!! I don't want to start sticky taping the site when it should work like the other pages.

This would suggest there is a bug with one of the blocks used, I would rather fix the issue than sticky taping the site together.

Perhaps @saguaros could help us out here?

Thanks,
Richard

aman204

gringo211985 Hi

I had been attempting to help you with the concurrent issue as mentioned in your post. Apologies if the logo change for troubleshooting purposes had offended you which wasnt really my intention.

If the link is spanning to wide then how do I remove this link, I don't want it or need it, maybe I can set a "max-width" with CSS instead of you changing my logo!!!

As suggested earlier, You can add the css attributes and adjust values accordingly. Nonetheless, The logo image is too big for mobile version as I can see although, The size could become suitable with suggested css properties

2) Here is the screenshot showing what the suggested css atributes could make the appearance like

This would suggest there is a bug with one of the blocks used, I would rather fix the issue than sticky taping the site together.

Sure, We can wait for @saguaros to help you further with the functioning issue for collapse menu as the same is functioning properly on my local install with JA Builder set as default template. Also, The collapse menu on your site is working fine for me if the css attributes are being added as seen for other pages although, JS functionality isnt working on homepage which might be due to some conflict

Thanks for your patience

gringo211985

Hi @aman204

It didn't offend me, I think it's a little absurd that you would change something that important on a live website!!! You can't just go around changing people's logo's etc!!!

The logo image is not too big!!! You aren't listening to me, the only page that has this problem is the homepage, please check the other pages and you will see that this doesn't happen!!!!

So - the menu only has this problem on home-page, it's not the logo size, it's the only page effected!!!

I would appreciate if @saguaros chips in here as he will likely be able to solve the issue without changing my logo or writing some custom CSS as I believe it's a bug specifically to this page.

PS - Your screenshot link is broken

Thanks,
Richard

aman204

gringo211985 PS - Your screenshot link is broken

The screenshot link is redirecting fine for me. Kindly review as I have posted the same again separately
https://cl.ly/16371s1W1H42

gringo211985

Hi @aman204

Ok, that makes absolutely zero difference lol

Can you please check some inner pages of my site so you can see it works fine on those pages?

Then once you understand what I am saying is wrong can you fix the problem? (without changing anything without my express permission, you must double check with me before making any changes)

Thanks,
Richard

aman204

gringo211985 Ok, that makes absolutely zero difference lol

Would request you to kindly refrain from adding sarsactic remarks like "lol" in phrases, at this juncture when someone is putting in dedicated time and efforts to help you with the relative issue

For the betterment and growing forum community, We always encourage you to use our forums to interact with our team to assist with your issues or bugs being encountered whilst using any premium product from JA!

However, We also want to make sure that JoomlArt Forums are friendly and trustworthy source for other members too seeking somewhat similar help at times. To help us with this goal please ensure your posts create family-friendly environment on JoomlArt forums

Regarding your issue with JS functionality of collapse menu which is appearing fine on other pages apart from homepage, I have informed @saguaros about the same and he might help you soon with this 🙂

Thank you for understanding

Regards

gringo211985

Hi @aman204

To be brutally honest I was a little fed up at having to explain myself repeatedly, and after the shocking error of you changing a logo on a live production site without asking, I feel like I was hitting my head against a brick wall.

I mean changing the logo without my permission is the same as going to a real life shop and ripping off the logo / branding sign to replace it with an awfully hand painted logo.

I don't want to be rude, but whatever made you think you could just go on my live site and change the logo to text is absolutely shocking to me.

I've been a member of JA for years and would never mean to intentionally be sarcastic, I have lol'd in plenty of posts before, but I am sorry if I caused you any offence. I will try not to in the future.

Thanks,
Richard

saguaros

gringo211985

Hi,

For the menu issue on mobile view, I've just copied the file 'bootstrap.min.js' from media/jub/assets/lib/bootstrap/js inside template/{templatename}/js/jui and it will close when you click menu icon now.

For the style of menu on mobile, could you clarify in details of how you want it should be? I will suggest you further.

gringo211985

Hi @saguaros

You're a star my friend, working perfectly now and will open 'n' close without any problems.

Any news on the PageBuilder update and T4?

Thanks,
Richard

saguaros

gringo211985

Hi Richard,

It's still in progress of development stage. Kindly wait for the news via blog posts. I do hope it'll be released soon.

Appreciate your patience on this!