Adjusting space between parts of site

Highlighted
Tourist
26 0 0

Hi all! I'm happy with how everything looks now. I don't want the desktop site to change at all. I'd like to adjust one minor thing on mobile. Any ideas? thank you!

 

www.rainandpaper.com

 

Untitled-1.jpg

0 Likes
Highlighted

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
{
#shopify-section-1574770615034 {
    margin-top: 15px;
}
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

Hi,

Kindly add the below css into your theme's css file.

Online store -> Asset -> theme.scss.css

.featured-images .grid__item:first-child {
    margin-top: 15px;
}

Let me know if any issue.

Thank you :)

Want to modify or custom changes on store hire me.
Shopify Developer | Email:pinkal.beladiya2911@gmail.com | Skype ID: live:f9802098aa87af33 | Skype Name: Pink@l Bel@diy@
0 Likes
Highlighted
Tourist
26 0 0

hey there, thank you! this worked, but it nudged the bunny cushion image down on desktop version so it was out of line with the two neighbouring images. any ideas? 

0 Likes
Highlighted

Hello 

You have applied which solution?
I have given solution which will works only for mobile.

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

@rainandpaper wrote:

hey there, thank you! this worked, but it nudged the bunny cushion image down on desktop version so it was out of line with the two neighbouring images. any ideas? 


Hey

Sorry but apply this code in media query which have screen is :

@media only screen and (max-width: 767px){
// Type code here which i post before...
}

Let me know if you have any issue

Thank you :) 

Want to modify or custom changes on store hire me.
Shopify Developer | Email:pinkal.beladiya2911@gmail.com | Skype ID: live:f9802098aa87af33 | Skype Name: Pink@l Bel@diy@
0 Likes