Responsive menu in logo when viewed on small device

paul666
Active member
Topic Author
Member

1 year 9 months ago #50076 by paul666

Responsive menu in logo when viewed on small device was created by paul666

Hello,
I'm not sure how it has happened, but the responsive menu has suddenly moved to behind the logo when viewed on small screen devices. made-well.co.uk
Any ideas on how I can correct this?

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 year 9 months ago #50077 by milos

Replied by milos on topic Responsive menu in logo when viewed on small device

Hello,

Please edit this file /media/templates/site/quattro/css/custom.css and below this line:

Code:

@media (max-width: 767px) {

add this:

Code:

.sparky_container {
  width: 100%;
}

.sparky_container > [class*='sparkle'] {
  width: 100% !important;
}

.full .sparky_container {
  width:100%;
}

.full .sparky_container > .sparky_cell {
  margin: 0;
  padding: 0;
}

Make sure you cleared your mobile browser cache before testing the page again.

Regards,
Milos

Please Log in to join the conversation.

paul666
Active member
Topic Author
Member

1 year 9 months ago #50078 by paul666

Replied by paul666 on topic Responsive menu in logo when viewed on small device

I can only find three @media lines and none are 767px

Line 270: @media(max-width: 979px) {
Line 276: @media (max-width: 991px) {
Line 292: @media (max-width: 550px) {

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 year 9 months ago #50079 by milos

Replied by milos on topic Responsive menu in logo when viewed on small device

Hello,

Then ABOVE this line:

Code:

@media (max-width: 550px) {

add this:

Code:

@media (max-width: 767px) {
.sparky_container {
width: 100%;
}

.sparky_container > [class*='sparkle'] {
width: 100% !important;
}

.full .sparky_container {
width:100%;
}

.full .sparky_container > .sparky_cell {
margin: 0;
padding: 0;
}
}

Regards,
Milos

Please Log in to join the conversation.

paul666
Active member
Topic Author
Member

1 year 9 months ago #50080 by paul666

Replied by paul666 on topic Responsive menu in logo when viewed on small device

Perfect. Thank you. Works a treat.

Please Log in to join the conversation.

Time to create page: 0.213 seconds