fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Hamburger menu icon position

Hamburger menu icon position 3 years 2 weeks ago #8648

  • peterp
  • peterp's Avatar
  • Offline
  • New Member
  • Posts: 15
  • Karma: 0
Hello !

I notice that hamburger menu icon position (off canvas menu icon ?) position is down the header when screen size is smaller than 768px.
When size is between 768px and 991px, then icon position seems good. (see attached files)

Maybe I did something wrong...

Is it possible to keep the icon inside the same area (header ?), whatever the screen size ?

Tests on my smartphone always shows icon under header (right or middle)...

Thanks for your help...
Attachments:
The administrator has disabled public write access.

Hamburger menu icon position 3 years 2 weeks ago #8658

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

Could you please provide your site URL so. that we can have a look and me more clear about the issue and assist you better.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.

Hamburger menu icon position 3 years 2 weeks ago #8680

  • peterp
  • peterp's Avatar
  • Offline
  • New Member
  • Posts: 15
  • Karma: 0
Hello Lalit,

I'm sorry. My website is not online yet.
I'll contact you back when on line.

Thanks.
The administrator has disabled public write access.

Hamburger menu icon position 3 years 2 weeks ago #8685

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,


Please Try this
Please add a custom.css file in your CSS folder
path: root\templates\jd_boston\css create a new file custom.css and add this code in this file.
#sp-header {height: auto;}
Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.

Hamburger menu icon position 3 years 2 weeks ago #8686

  • peterp
  • peterp's Avatar
  • Offline
  • New Member
  • Posts: 15
  • Karma: 0
Hello Lalit,
Thanks for your reply.

I've added the code you sent me in custom.css file.
I send you some pictures to show you the problem that appears depending on screen size (desktop files - ham3 & ham5 files)
On smartphone, menu icon is always down (portrait or landscape mode - hamsmart4 file)

Before I added the code, the looking was ham3 & ham4 (desktop) & hamsmart3 (smartphone) files.

I've found this code in template.ccs file :
#sp-header {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
  height: 90px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
}
#sp-header .logo {
  display: inline-block;
  height: 90px;
  display: table;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  margin: 0;
}

I hope this will give you some informations to solve my problem...
Thanks
Attachments:
The administrator has disabled public write access.

Hamburger menu icon position 3 years 1 week ago #8711

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

Please upload your site on the test server and share the site URL. So we can fix it for you. Because it's working fine on JD Boston V2.3.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Hamburger menu icon position 3 years 1 week ago #8715

  • peterp
  • peterp's Avatar
  • Offline
  • New Member
  • Posts: 15
  • Karma: 0
Hello Chandan,

I think I've changed some important values in template.css file...
I replaced template.css I've customed with original file. Problem remains.

I'll try to find a solution with the local ISP to upload the site on a test server.
I'll be back as soon as possible.
Thank you.
The administrator has disabled public write access.

Hamburger menu icon position 3 years 1 week ago #8736

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

Ok, whenever you upload your site to the server, definitely tell us.

Thanks
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.421 seconds