shykoala4
Member-
Posts
9 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by shykoala4
-
How Do I Remove Mystery White Space on Mobile? (Brine)
shykoala4 replied to BottleRocket1's topic in Customize with code
This worked! Thank you so much! -
How Do I Remove Mystery White Space on Mobile? (Brine)
shykoala4 replied to BottleRocket1's topic in Customize with code
Sure! Here's my website: www.joyindementia.com Issue: On my homepage, I want to target and control the amount of white space between sections when changing between desktop and mobile. (This issue seems to only occur on my Homepage, and no other pages) Template: Brine (Sonny) Blank Space (Padding?): On my Homepage, the amount of white space between sections is perfect when in desktop and tablet modes, but there's too much white space between sections when viewed on mobile. See images below and attached. The extra padding I'm trying to decrease on mobile is found in three main places: 1) Between the announcement bar and the picture of the candle 2) Between the candle picture and the "Featured In:" logos 3) After the "Featured In:" logos Question: Can you help me decrease the white space between the above sections on my homepage, when seen on mobile? Ideally the same proportion as it appears for desktop below. *Note that I've already tried multiple media rules codes in my CSS and they haven't made a difference 😞 * Website: joyindementia.com Thank you again for your help! Laura DESKTOP: MOBILE: -
Change size of specific image when viewing on mobile
shykoala4 replied to doshea's topic in Customize with code
Hi Tuan, Thank you again for all your help! I promise this is my last question for a while 🙂 Issue: On my homepage, I want to target and control the amount of white space between sections when changing between desktop and mobile. (This issue seems to only occur on my Homepage, and no other pages) Template: Brine (Sonny) Blank Space (Padding?): On my Homepage, the amount of white space between sections is perfect when in desktop and tablet modes, but there's too much white space between sections when viewed on mobile. See images below and attached. The extra padding I'm trying to decrease on mobile is found in three main places: 1) Between the announcement bar and the picture of the candle 2) Between the candle picture and the "Featured In:" logos 3) After the "Featured In:" logos Question: Can you help me decrease the white space between the above sections on my homepage, when seen on mobile? Ideally the same proportion as it appears for desktop below. *Note that I've already tried multiple media rules codes in my CSS and they haven't made a difference 😞 * Website: joyindementia.com Thank you again for your help! Laura DESKTOP: MOBILE:- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Change size of specific image when viewing on mobile
shykoala4 replied to doshea's topic in Customize with code
- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
How Do I Remove Mystery White Space on Mobile? (Brine)
shykoala4 replied to BottleRocket1's topic in Customize with code
Hmm...this isn't working for me 😞 -
Change size of specific image when viewing on mobile
shykoala4 replied to doshea's topic in Customize with code
Hi Tuan, Unfortunately that custom CSS didn't work for the button. Here's a screenshot of the mobile version:- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Change size of specific image when viewing on mobile
shykoala4 replied to doshea's topic in Customize with code
Hi again! Thanks for your help with resizing my logo on mobile! One more question. Issue: I want to target and control the button size when changing between desktop and mobile. Template: Brine (Sonny) Image: The teal button "How I Can Help You" at the top of the page. The button size is perfect when in desktop and tablet modes, but too big on mobile. See images attached. Question: Can you help me make the button smaller for mobile? Ideally the same proportion as it appears for desktop below. *Note that I've already tried multiple media rules codes in my CSS and they haven't made a difference 😞 * Website: joyindementia.com Thank you again for your help! Laura DESKTOP IMAGE MOBILE IMAGE- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Change size of specific image when viewing on mobile
shykoala4 replied to doshea's topic in Customize with code
- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with:
-
Change size of specific image when viewing on mobile
shykoala4 replied to doshea's topic in Customize with code
Hello! Issue: I want to target and control the logo size when changing between desktop and mobile. Template: Brine (Sonny) Image: The logo "Befriended Heart" at the top left of my page. The logo size is perfect when in desktop and tablet modes, but too small on mobile. See images attached. Question: Can you help me make the logo bigger for mobile? Ideally the same proportion as it appears for desktop below. *Note that I've already tried multiple media rules codes in my CSS and they haven't made a difference 😞 * Website: joyindementia.com Thank you for your help! Laura DESKTOP IMAGE MOBILE IMAGE- 93 replies
-
- brine-template
- mobile
-
(and 2 more)
Tagged with: