Debut theme: move text

Highlighted
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
Highlighted

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

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

 

Thanks

0 Likes
Highlighted

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;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

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....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
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
Highlighted

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...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

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

0 Likes
Highlighted
Shopify Partner
581 92 133

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
Highlighted

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....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes