A little CSS help please

milos
Support Staff
Moderator

1 year 5 months ago #50491 by milos

Replied by milos on topic A little CSS help please

Hello,

You can center the menu in the Menus tab, in the template options. Currently, it's set to right.

The logo can be centered if you add this in custom.css file:

Code:

.mp_logo {
text-align: center;
}

Regards,
Milos

Please Log in to join the conversation.

richard9
Inactive member
Topic Author
Member

1 year 5 months ago - 1 year 5 months ago #50492 by richard9

Replied by richard9 on topic A little CSS help please

Yes that works great - apart from the Ipad resolution, as the screen gets smaller there is a gap where the logo shows up really small, how can i get around this please?

share.getcloudapp.com/7KuWb7A2

~~Also the bottom part of the logo is cut off, how can i give this a bit more room so it shows up please?~~ Sorted this by making that section "Full width"

thanks so much!

Last edit: 1 year 5 months ago by richard9. Reason: i did a bit myself !!

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 year 5 months ago #50495 by milos

Replied by milos on topic A little CSS help please

Hello,

In custom.css, in this part, around line 699:

Code:

@media (max-width: 820px) {

	.reservationrow .sparky_container,
	.sparky_container > .mp_header3.sparky_cell {
		width: 600px;
	}

	.sparky_container > .mp_logo.sparky_cell {
	    width: 200px;
	}

	.mod-languages {
		padding-left: 0;
		background: none;
	}

}

change width to "mp_logo" from 200px to 100%. Clear the mobile device cache to see the updated file.

Regards,
Milos

Please Log in to join the conversation.

richard9
Inactive member
Topic Author
Member

1 year 5 months ago #50497 by richard9

Replied by richard9 on topic A little CSS help please

Brilliant thanks, i actually had to change all the max-widths to 100% and now the logo displays how the customer wants it across all devices so hopefully that will be done now!!
thanks so much for your prompt assistance.

Please Log in to join the conversation.

Time to create page: 0.124 seconds