ShootsDraws
-
Posts
39 -
Joined
-
Last visited
ShootsDraws's Achievements
-
Ziggy reacted to a post in a topic:
How can I perfectly centre an image for all mobile dimensions (with no excess scrollable space)?
-
ShootsDraws reacted to a post in a topic:
How can I perfectly centre an image for all mobile dimensions (with no excess scrollable space)?
-
@Ziggy I think the image was just too big, so I reduced the size and now all seems good. Thanks for your help!
-
@Ziggy Sorry, the mobile seems to be ok. It's just the desktop now.
-
@Ziggy Hmm... I've still got excess space on both desktop and mobile after adding the code. Do you have any other suggestions?
-
Ziggy reacted to a post in a topic:
How can I perfectly centre an image for all mobile dimensions (with no excess scrollable space)?
-
ShootsDraws reacted to a post in a topic:
How can I perfectly centre an image for all mobile dimensions (with no excess scrollable space)?
-
Cheers @Ziggy I didn't realise the white space was displaying on desktop too! Ok, I've now set the minimum height to 100. Are you able to help with the next bit of code to fix the overflow? 🙂
-
Hi, My Home page consist of a single clickable image (the header and footer are both hidden). I'm happy with how it looks on desktop, but for some reason there is white space at the bottom when viewed on mobile (image attached). Two questions: 1. Is there are a way to remove this white space? 2. Is there a way to ensure the image and black background fit perfectly across all mobile dimensions without excess empty space? I.e. In its current state, the empty white space reaches beyond the dimensions of my phone screen, resulting in a scroll bar appearing. Any help would be appreciated. Thanks!
-
I would like 2 sections of text with equal padding; but when I add them and apply the same padding values to both, the top section still has less padding. https://shootsdraws.com/big-buttons After testing (by duplicating the sections), it appears that the top section is the problematic one. I.e. If I duplicate it, the copy of it has larger padding. Where as if I duplicate the section below, its copy Any ideas?
-
My website is split into 2 categories (photography and graphic design). https://shootsdraws.com/ With this in mind, I would like my Home page to be split into two giant buttons/links that take up the entire screen. The buttons should be touching each other (no gaps). And just like my current Home page, I don't want any navigation links visible, other than the buttons mentioned (I am currently using a CSS code to hide the header and footer). Thanks.
-
My website is split into 2 sections (photography and graphic design). https://shootsdraws.com/ With this in mind, I would like my Home page to be split into two giant buttons that take up the entire screen; stacked vertically. E.g. A button titled 'Shoots' at the top and a button titled 'Draws' at the bottom. The buttons should be touching each other (no gaps). Hopefully this is possible and can translate visually to mobile view too? And just like my current Home page, I don't want any navigation links visible, other than the button mentioned (I am currently using CSS to hide header and footer). Is this possible? Thanks.
-
ShootsDraws reacted to a post in a topic:
CSS needed to adjust padding between images in a Grid Gallery section (mobile view only).
-
Spot on! Thanks @Lesum
-
For anyone else struggling with this, I found a video tutorial which makes it possible with CSS:
-
Hi, Can someone help me with a code to increase the padding between images in the Grid Gallery sections on my site (mobile view only)? Here's a link to a page for reference. Password: backsoon https://shootsdraws.com/shoots/ilgattogoffo Thanks.
-
Gotcha @iamdavehart
-
Hi @iamdavehart Do you have any suggestions for this issue? Thanks.
-
Thanks @creedon Am I right in thinking that it requires a specific theme though? I've already got my website set up, and don't want all pages to be split in half. I was hoping for an easier route, with a simple CSS code for my existing theme.
-
@iamdavehart Here's a screenshot to show the layout I'm trying to achieve (Grid gallery on the left with a text box to the right side of it).
