Debut theme: move text

kilde
New Member
9 0 0

Hi, I have debut theme for my shop, and I would like to make some changes for the text on the theme. 

1) I would like to move the text from the bottom of the picture to the top of the picture. 

2) On the top photo of the shop, I would like to move the text to the left incl. the button. 

3) also does anyone know how to change the color behind the logo og menu bar? 

Best regards Zandra

 

moe text to the left.pngMove text.png

0 Likes

Hello kilde,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
kilde
New Member
9 0 0

Hi, yes: https://riisoghertz.com . password: shopi2

 

Thanks

0 Likes

Hello kilde,
2) On the top photo of the shop,to move the text to the left incl. the button.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (min-width: 750px){
#shopify-section-hero-1 .page-width.text-center {
    text-align: left!important;
}
#shopify-section-hero-1 .rte-setting.mega-subtitle {
    margin: 0px!important;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes

3) To change the color behind the logo og menu bar.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.site-header.logo--center {
    background-color: pink;
}
.site-header.logo--center .grid.grid--no-gutters.grid--table.site-header__mobile-nav {
    background-color: pink;
}

 Change the color as per your choice.
Hope this will work for you.
Thanks....

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
kilde
New Member
9 0 0

Thank you very much. 

3) for the color, it doesn't color the menu bar? do you know why? 

Also do you know any solution of my question no. 1? 

Thank you in advance. 

0 Likes

Hello @kilde 

Your site is password protected please share password.
So that I can check and let you know the exact solution for this.

Thanks...

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
kilde
New Member
9 0 0

You should be able to check now. Same password as above: shopi2. Thanks

0 Likes
Wahab_Ahmad
Shopify Partner
718 112 174

Hello @kilde,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

.page-width.text-center {
margin: 0px;
}


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

0 Likes

Hello @kilde 

for changing background color of menu bar used following code :

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-header .site-nav {
	position: relative;
	text-align: center;
	margin: 0;
	background: #D9BDBD !important;
	padding: 20px;
	color: #fff;
}
.border-bottom {
	border-bottom: none;
}
.site-nav__label {
	border-bottom: 1px solid transparent;
	color: #fff !important;
	font-weight: bold;
}
.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
	border-bottom-color: #fff !important;
}
.site-nav__link .icon-chevron-down {
	fill: #fff;
}

Hope this will work for you

Thanks....

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes