2 small problems, that should be easy to solve

Technical Q&A
1

URL: mediemarketing.dk

Firstly, this shouldn’t look like this in mobile view. The menu only covers 50% of the screen and looks very odd.

davidbirdi_0-1659727324471.png
davidbirdi_0-1659727324471.png359×889 46.1 KB

Secondly, this collapsible content looks so weird now. It was an app that did this I believe, but now all the coding from the app should be gone as I have manually deleted every folder named something with this app (Swift). The problem is that it still looks as weird even though I deleted all the folders.

davidbirdi_1-1659727442145.png
davidbirdi_1-1659727442145.png1920×978 187 KB

I really hope you can help me with these obstacles!

2

mediemarketing.dk :slightly_smiling_face:

3

the faq page look good here is code for menu

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.menu-drawer{
	height: 100vh;
}
4

Thanks! But my collapsible content still looks so dumb

5

now menu drawer in covering the full height of mobile screen

6

Yes, thank you! However, my collapsible content looks stupid as it is as wide as the screen. Please look at the second image i attached above :slightly_smiling_face:

7

plz send the url of that page

8

URL: mediemarketing.dk

Then go to the “google ads” page and look for yourself

9

plz try this

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.collapsible-content__grid {
    margin: 1.8em auto;
    max-width: 75%;
}
.collapsible-content__grid .accordion {
    margin: 10px;
    padding: 10px;
	border-radius: 8px;
}
10

Thank you so much! Solved it completely!

11

Hello again, it looks great on desktop but looks very odd on mobile as the content is way too narrow.

Is there a way to fix this?

davidbirdi_0-1659888513200.png
davidbirdi_0-1659888513200.png358×865 23.6 KB

12

plz try this

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
@media(max-width:786px){
.collapsible-content__grid{
   max-width: 90%;
}
}

you can change 90% to your choice like 95% or 97%, as per choice.

1 Like
13

Perfect! Thanks for everything!