Public Forums 71,145 posts

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1071744

Hi

Is it possible to have the main menu sticky on a large screen yet not on a mobile (small screen)?

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1071801

Hi,

Thought that in the settings of header block, we provide the option ‘Sticky Menu’ in Advanced tab already. Please check it out.

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1071891

Hi Saguaros

Yes, but when I make the menu ‘Sticky’ it is not good with mobiles as it restricts the user scrolling down a long main menu.

So i was wondering what the solution to this might be.

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1072059

I’m not quite sure of issue on mobile viewport here, could you share the credentials of your site and screenshot highlighting issue?

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1073092

This reply has been marked as private.

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073296

Hi,

For the menu, I can scroll the screen to see all menu items on the main menu in mobile view (check screenshot)

With the second issue, try with this CSS rule:

@media (max-width: 480px) {
  .jub-block .header .navbar-brand.logo-image {
    line-height: 1 !important;
  }
}

---

Attachments:

1. 

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1073300

I will try the code.

Can you login to the website and see if the extended menu scrolls for you on your mobile device please.

Axx

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073301

The attached screenshot is from my iPhone device which I use to view your site

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1073318

No attachment :o|)

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073532

Kindly check my above post, not the last post: https://www.joomlart.com/forums/topic/sticky-menu-responsive/#post-1073296

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1074315

Hi Saguaros

I see your original screen print from your mobile, thank you.
However when you login to the website (front end) there are more menu items, can you try and login and see if the hamburger menu will scroll to the last item ‘contact update’.

It will not on mine when the menu is set to sticky.

Thanks

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1074509

This reply has been marked as private.

[Author]

Posts