Next Release
Roofco Joomla Template
Template dedicated to Roofing and construction, with 4 prebuilt websites for Joomla 5 and 6. Subscribe or renew now and be the first to get it when we launch it.
Forum
Important - Hands Up!
- Please ask using the account with which you made the purchase or download of our products and in its respective category.
* ADD PRODUCT NAME IN START OF SUBJET
Littles: How can I center logo on Mobile view
- S
- spike Premium Member
- Topic Author 1 year 8 months ago #1
How can I center the logo in the mobile view yet? Do you have any CSS tip for me please? Thanks in Advance.
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 1 year 8 months ago #2
Hi, before I provide you with a CSS or a guide, we must say that the header on mobile devices has 2 columns as seen in the attached image, 1 with automatic width for the logo that covers approximately 50% and the rest is for the menu toggle. So to center the logo you would have to make the menu toggle disappear or move it to another position. I would like to know more about how you want it to look in the end so I can come up with a solution and provide it to you.
Unavailable image
Regards
Unavailable image
Regards
Please Log in or Create an account to join the conversation.
- S
- spike Premium Member
- Topic Author 1 year 8 months ago #3
it should look like this
Unavailable image
Unavailable image
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 1 year 8 months ago #4
As I see you have changed the toggler from right to left, so I think the following code should do the job.
@media (max-width:991.98px){
#sp-logo{width: 100%;}
#sp-logo .logo{display: flex;justify-content: center;}
#sp-menu{display: none;}
}
Add it in templates/ut_littles/css/custom.css if no exists you can create it.
Regards
@media (max-width:991.98px){
#sp-logo{width: 100%;}
#sp-logo .logo{display: flex;justify-content: center;}
#sp-menu{display: none;}
}
Add it in templates/ut_littles/css/custom.css if no exists you can create it.
Regards
Please Log in or Create an account to join the conversation.
- S
- spike Premium Member
- Topic Author 1 year 8 months ago #5
Perfect! Works 100% Many thx
Please Log in or Create an account to join the conversation.
Secure Payment
Use your cards with Paypal.