Hamburger Icon On Left Side
- dude_in_ohio
- Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 45
- Thank you received: 0
1 month 4 days ago #73518
by dude_in_ohio
Replied by dude_in_ohio on topic Hamburger Icon On Left Side
After hours of messing with margins ( I have 10px Margin top and 1 px Margin bottom) I'm pretty close. I couldn't get the other css to work.
What I have now is:
.mobilemaximenuck div span.descck {
padding-left: 10px;
font-size: 12px;
}
.mobilemenuck-bar-button {
right: auto;
}
.mobilemenuck-logo.mobilemenuck-logo-center {
margin-left: 50%;
transform: translateX(-50%);
}
At this point I just need the logo to be bigger on a mobile phone. The logo image itself is 1000 x 99 px. Based one my other site I need it to be about 500 x 49 I think.
Thanks.
What I have now is:
.mobilemaximenuck div span.descck {
padding-left: 10px;
font-size: 12px;
}
.mobilemenuck-bar-button {
right: auto;
}
.mobilemenuck-logo.mobilemenuck-logo-center {
margin-left: 50%;
transform: translateX(-50%);
}
At this point I just need the logo to be bigger on a mobile phone. The logo image itself is 1000 x 99 px. Based one my other site I need it to be about 500 x 49 I think.
Thanks.
Please Log in or Create an account to join the conversation.
1 month 3 days ago #73519
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Hamburger Icon On Left Side
strange that the code did not work, I tested it
no problem, please try to update the existing css and replace it like that :
no problem, please try to update the existing css and replace it like that :
Code:
.mobilemenuck-logo.mobilemenuck-logo-center {
margin-left: calc(50% + 21px);
transform: translateX(-50%);
min-width: 200px;
}
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
- dude_in_ohio
- Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 45
- Thank you received: 0
1 month 2 days ago #73523
by dude_in_ohio
Replied by dude_in_ohio on topic Hamburger Icon On Left Side
That worked. Thank you!
Please Log in or Create an account to join the conversation.
- dude_in_ohio
- Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 45
- Thank you received: 0
2 weeks 1 day ago #73686
by dude_in_ohio
Replied by dude_in_ohio on topic Hamburger Icon On Left Side
Is still trying to figure out how to make the hambuger icon bigger than 43x43 (the white bars). And the logo. No settingsI put in the Mobile Menu CK module menu seem to make a difference.
neilrisko.com/DELETE/
Thanks
neilrisko.com/DELETE/
Thanks
Please Log in or Create an account to join the conversation.
2 weeks 22 hours ago #73691
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Hamburger Icon On Left Side
for the hamburger icon, you must change the font-size (currently 1.8em)
for the logo, you have added this code
change the width of 200px, and use 400px for example
for the logo, you have added this code
Code:
.mobilemenuck-logo.mobilemenuck-logo-center {
margin-left: calc(50% + 21px);
transform: translateX(-50%);
min-width: 200px;
}
Joomlack Webmaster and Developer
The following user(s) said Thank You: dude_in_ohio
Please Log in or Create an account to join the conversation.
Time to create page: 0.217 seconds