Mobile logo display

nimeshin
Active member
Topic Author
Member

2 years 2 months ago #48786 by nimeshin

Mobile logo display was created by nimeshin

Hi, please help me fix the logo display on mobile devices. I am currently using style 4 color template. www.khairlifestyle.co.za/
It displays very tiny on the mobile device.

Attachments:

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 2 months ago - 2 years 2 months ago #48787 by milos

Replied by milos on topic Mobile logo display

Hello,

Please add this in System > Site Template Styles > Tattoo > Custom > CSS:

Code:

.sparky_container .mp_logo.sparky_cell {
width: 100%;
}

Regards,
Milos

Last edit: 2 years 2 months ago by milos.

Please Log in to join the conversation.

nimeshin
Active member
Topic Author
Member

2 years 2 months ago #48788 by nimeshin

Replied by nimeshin on topic Mobile logo display

Hi, its still the same. I have cleared cache.

Attachments:

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 2 months ago #48789 by milos

Replied by milos on topic Mobile logo display

Try changing the code to:

Code:

.sparky_container > .mp_logo.sparky_cell {
    width: 100% !important;
}

Regards,
Milos

Please Log in to join the conversation.

nimeshin
Active member
Topic Author
Member

2 years 2 months ago #48790 by nimeshin

Replied by nimeshin on topic Mobile logo display

added to the custom.css file in this location - templates/sparky_framework/css/custom.css which affected the change, however it now offset the layout in normal web page view. The menu goes lower.

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 2 months ago #48791 by milos

Replied by milos on topic Mobile logo display

You did not copy the code correctly last time. Also, try with 80% instead of 100% and add media query :

Code:

@media (max-width: 767px) {
  .sparky_container > .mp_logo.sparky_cell {
    width: 80% !important;
  }
}

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.291 seconds