I have used the following code to disable the menu as this is just a splash page until my client and I work to get the whole site up:
header#top nav > ul {
display: none !important;
}
The logo appears to be centered on a desktop and tablet, however it is slightly left of center on mobile devices. I have tried the following code found in another article, which centers the logo on mobile, but repeats the logo (stacked) and on initial view on a tablet, the logo is all the way to the left of the window and cropped.
body #header-outer[data-format="centered-menu-under-logo"] header#top #logo img { display: table !important; margin: auto !important; left: 7.5% !important; }
Not sure why the logo has a centering issue for mobile?
I have used the following code to disable the menu as this is just a splash page until my client and I work to get the whole site up:
header#top nav > ul { display: none !important; }The logo appears to be centered on a desktop and tablet, however it is slightly left of center on mobile devices. I have tried the following code found in another article, which centers the logo on mobile, but repeats the logo (stacked) and on initial view on a tablet, the logo is all the way to the left of the window and cropped.
body #header-outer[data-format="centered-menu-under-logo"] header#top #logo img {display: table !important;
margin: auto !important;
left: 7.5% !important;
}
Not sure why the logo has a centering issue for mobile?
Hi - just following up to see if there's a solution to this? Thanks
hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 1px) { header#top .col.span_3 { width: 100% !important; } }Bes.t
Salient Support Team