Hi, is there a way to create a custom grid in shapes like the attached image?
I tried with rows, columns, custom masks but i'm having a really hard time.
Oh and one more thing, is there a way to not show that type or nav on mobile? I just want the hamburger icon for mobile. I"m ok with the desktop nav i currently have.
As for the nav, i love the nav i currently have setup on desktop (attached) but for mobile only, i wanted to know if there's a way to hide the white bar at the top and just show the hamburger menu icon (attached)
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
@media only screen and (max-width: 690px) {
body #header-outer, body[data-header-color="dark"] #header-outer {
background-color: transparent;
}
html body #header-outer[data-has-menu][data-lhe] {
border-bottom: none!important
}
}
@media only screen and (max-width: 999px) and (orientation: landscape) {
body #header-outer, body[data-header-color="dark"] #header-outer {
background-color: transparent;
}
html body #header-outer[data-has-menu][data-lhe] {
border-bottom: none!important
}
}
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Hi, is there a way to create a custom grid in shapes like the attached image?
I tried with rows, columns, custom masks but i'm having a really hard time.
Oh and one more thing, is there a way to not show that type or nav on mobile? I just want the hamburger icon for mobile. I"m ok with the desktop nav i currently have.
Thank you,
Amir
Attached files: Screenshot 2023-11-22 at 12.49.27 AM.png
Hi there,
Thanks for writing to us.
-I am afraid we don't have the grid layout you have referenced at the moment.
-I am not sure I understood your require for the mobile navigation. Please give us more information of what you would want to achieve.
I look forward to hearing from you.
I understand. Thank you.
As for the nav, i love the nav i currently have setup on desktop (attached) but for mobile only, i wanted to know if there's a way to hide the white bar at the top and just show the hamburger menu icon (attached)
Attached files: Screenshot 2023-11-22 at 1.11.07 AM.png
Screenshot 2023-11-22 at 1.11.55 AM.png
Hello again,
Thanks for writing to us.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
@media only screen and (max-width: 690px) { body #header-outer, body[data-header-color="dark"] #header-outer { background-color: transparent; } html body #header-outer[data-has-menu][data-lhe] { border-bottom: none!important } } @media only screen and (max-width: 999px) and (orientation: landscape) { body #header-outer, body[data-header-color="dark"] #header-outer { background-color: transparent; } html body #header-outer[data-has-menu][data-lhe] { border-bottom: none!important } }Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Amazing thank you so much