Mobile Logo Too Large - Question | JoomShaper

Mobile Logo Too Large

YS

YUMA SCOTT

Template 1 year ago

can someone tell me the coding I need to make a mobile logo shorter?

Also, is there a way to add the word "menu" next to the hamburger menus on mobile?

0
16 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171790

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

And for menu text you have to use a single line of Custom CSS.

#offcanvas-toggler::after {content: "MENU"; padding-left: 5px; color: #111; margin-top: -3px;}

Tip: https://www.joomshaper.com/documentation/helix-framework/customization-tips#offcanvas-how-to-add-the-word-menu-after-icon

-Regards.

0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171793

Thank you for the quick response. Please see below for my website url and superuser login.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171798

Hi

For mobile logo use this CSS in your custom.css file

@media (max-width: 767px){
img.sp-default-logo.d-block.d-lg-none {
    height: 50px !important;
}
}
0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171800

awesome, thanks!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171812

You are welcome.

0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171828

Mehtaz, I'm having trouble finding the CSS to update to change the color of these button colors, regular and hover, please note the areas shown here: https://prnt.sc/WGRPWxxGhuv2

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171963

Could you please give me that specific page link?

0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171982

Here's one of them: https://midwestgca.com/index.php/events/events-3

However, that may become the main event page by the end of the day. If that changes I'll post an update here. Thanks!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171984

Use this CSS in your custom.css file

a.btn.btn-secondary {
    background-color: #2bb2cd !important;
}
a.btn.btn-secondary:hover {
    background-color: #0d6efd !important;
}
.scrollup:before{
   background-color: #2bb2cd !important;
}
.scrollup:before:hover{
   background-color: #0d6efd !important;
}
0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171985

Excellent, thank you!!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171989

You are welcome 😊

I have a humble request too. It would be very kind of you if you can manage some moment to give us feedback on

Joomla Extension Directory

TrustPilot

This will inspire us to improve.

0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171991

definitely!

0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171992

Is there a way to customize the text of "read more" buttons? When I tried, it wants to change all the text in the body as well.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #171993

Hi

I cant access on that page. Could you please check?

0
YS
YUMA SCOTT
Accepted Answer
1 year ago #171996

you have to be sure to be logged in as a super user first to access it.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #172172

Hi

You can not change the Read More text, its a button, You have just option to show the button OR hide the button. You can find this button from here-->

Go to administrator --> MainMenu --> https://prnt.sc/M6FQtnH9eK5p --> https://prnt.sc/P63E3qXUFMGd --> https://prnt.sc/AhXVt7ZyIhxy

0