Hamburger Icon On Left Side

More
3 weeks 9 hours ago #73496 by dude_in_ohio
1. How do you put the hamburger icon on the left side instead of the right?
2. Can the search box be made to use Joomla smart search and not search just the mobile menu?
3. I have the logo place set to "in the menu bar" and logo position set to "center" but the logo is only shown on the left.

neilrisko.com/DELETE/

Thanks
 

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

More
3 weeks 2 hours ago #73497 by ced1870
Replied by ced1870 on topic Hamburger Icon On Left Side
Hi
here are my answers :
1. add this css code in your page
Code:
.mobilemenuck-bar-button { right: auto; }

2. you can load a search module in the menu, instead of using the mobile search feature

3. you can add this css code in your page
Code:
.mobilemenuck-logo.mobilemenuck-logo-center { margin-left: 50%; transform: translateX(-50%); }

CEd

Joomlack Webmaster and Developer

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

More
2 weeks 5 days ago #73507 by dude_in_ohio
So this works
.mobilemenuck-logo.mobilemenuck-logo-center {
    margin-left: 50%;
    transform: translateX(-50%);
}

But it added margin at the bottom. I can see in chrome that the line height is 43.
Do I specify the logo image in px? Does the height matter. I tried smaller logo image and it still puts the big margin at the bottom.

Thanks so much for your help and I hope you have a great new year.


 
Attachments:

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

More
2 weeks 5 days ago #73509 by ced1870
Replied by ced1870 on topic Hamburger Icon On Left Side
thanks, happy new year to you too !

to fix the issue you can also add this code, it will remove the area that makes the menu higher
Code:
.mobilemenuck-bar-title { display: none; }

Joomlack Webmaster and Developer

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

More
2 weeks 5 days ago #73510 by dude_in_ohio
I'm getting closer to what I'm looking for. I keep playing all of the height settings but can't get it right.

In regards to the mobile header, I'm trying to get this neilrisko.com/DELETE to look like this: riskollc.com/DRAF_2/

I'm try to match the logo height and header at what it looks like at 960px or less.

++++++++++++++++++++++

Also, how do you remove the place holder text in the search box? Where is says "PLG_MoblieMenuCK_SEAF"?

Thanks



 
Attachments:

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

More
2 weeks 4 days ago #73511 by ced1870
Replied by ced1870 on topic Hamburger Icon On Left Side
ok ok
I give you another css code :)
Code:
.mobilemenuck-logo.mobilemenuck-logo-center { margin-left: 43px; min-height: 43px; } .mobilemenuck-logo img { max-width: 600px; }

let me know
try that

Joomlack Webmaster and Developer

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

Time to create page: 0.219 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 434 guests and one member online