Brooklyn homepage mobile changes

Tourist
13 0 0

Hi, there are a few tweeks I need done on my homepage. I have minimal coding skills and can not figure out how to change it.

1. on mobile view, I would like the header logo moved from the center to beside the menu burger. 

2. for the image with text sections on mobile view, I need the header and text above the image.

 

We are using the brooklyn theme, website is https://portafit.net.

0 Likes
Trailblazer
474 117 161

Hi, @Portafit ,

This is Evita from On The Map.

 

Code for the logo:

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

 

 

@media only screen and (max-width: 700px) {
  .grid__item.large--one-third.medium-down--one-half {
        position: relative;
        right: 23vw;
  }
}

 

 Can you provide a screenshot of what kind of image with text sections are you talking about?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
96 9 9

Hi @Portafit,
Are you looking for something like this?
Screenshot_1.png
We can do this changes for you if you send us an Email with your Shopify store URL like mystore.myshopify.com then we will send you an invitation to your Shopify as a collaborator.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Tourist
13 0 0

Thanks Evita, that worked perfectly.

Regarding the image with text, see image below:Capture.JPG

 

The section give an option to have the image on the left or right (for desktop view) but does not have an option for the image to be below on the mobile version.

Let me know what I can add to push the heading and description boxes above the image (mobile view).

0 Likes
Highlighted
Tourist
13 0 0

          

0 Likes