Moving logo to left, header icons to right IMPACT THEME
- Here is the solution for you @Ab52
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
@media only screen and (max-width: 600px) {
.header__main-nav {
order: 1 !important;
position: absolute !important;
right: 10px !important;
}
.header__logo {
order: -1 !important;
}
.header__wrapper {
display: flex !important;
}
.header__secondary-nav {
right: 47px !important;
position: absolute !important;
}
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @Ab52
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
@media only screen and (max-width: 600px) {
#shopify-section-template--22325078753545__image_with_text_overlay_7kmpND .content-over-media .prose p.bold {
position: relative !important;
top: -240px !important;
}
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @Ab52
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
@media only screen and (max-width: 600px) {
.header__main-nav {
order: 1 !important;
position: absolute !important;
right: 10px !important;
}
.header__logo {
order: -1 !important;
}
.header__wrapper {
display: flex !important;
}
.header__secondary-nav {
right: 47px !important;
position: absolute !important;
}
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @Ab52
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
@media only screen and (max-width: 600px) {
#shopify-section-template--22325078753545__image_with_text_overlay_7kmpND .content-over-media .prose p.bold {
position: relative !important;
top: -240px !important;
}
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024