Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) {
#top .col.span_9 {
left:0px !important;right:auto !important;
}
#top #logo .starting-logo,#top .col.span_3,#header-outer #logo {
right: 0px !important;
left: auto !important;
}
}
Hi there I have managed to reverse the menu around but I need a bit of help to make it do the same on mobile, is it possible for you to please assist.
I am currently using the following code
#header-outer[data-format="default"] #top .span_9 {
margin-right: auto !important;
margin-left: 0px !important;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row {
flex-direction: row-reverse !important;
}
Hey Sunrise-Productions,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#slide-out-widget-area .menuwrapper .menu { display: flex; flex-direction: column-reverse; }Thanks
ThemeNectar Support Team
Thanks Tahir, unfortunately this didnt change anything
Hey Again,
Are you not seeing these changes? See screenshot:
Thanks
ThemeNectar Support Team
Hi Tahir, sorry perhaps i didnt explain correctly, i am looking to have the logo on the right and the dropdown on the left.
Currently using the code i mentioned before i am able to do this however on mobile it reverts back to the logo on the left and the menu on the right.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) { #top .col.span_9 { left:0px !important;right:auto !important; } #top #logo .starting-logo,#top .col.span_3,#header-outer #logo { right: 0px !important; left: auto !important; } }Thanks
ThemeNectar Support Team
Thank you so much, this works perfectly
Glad to help.
Thanks
ThemeNectar Support Team