- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Mute
- Printer Friendly Page
Blog post banner not responsive
SOLVEJan 23, 2020 3:33 PM - edited Jan 23, 2020 3:34 PM
I am working on this page here (https://blog.wolfgreenfield.com/test1234/testing-1) and in the mobile version, I am having trouble getting the 2 modules on the banner image to align. Ideally, I'd like to push the Wolf Tracks logo down a touch and pull the "following all of the latest IP developments in life sciences" up a bit. I noticed that the box-sizing: border; is pushing the text down but I'm not sure how to change it in only the mobile version. If I play with the mobile padding (70px; ) it helps but isn't perfect.
Thank you so much in advance!
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report Inappropriate Content
Accepted Solutions
Jan 23, 2020 6:15 PM
Hi @jerickson,
it's quite easy.
Your logo image has a very big white space above and below the image. That's the reason why you can't get the 'headline' much higher with padding.
I would recomend to crop the unneeded spacing in Photoshop (or similar), reupload the image and then add those 3 lines instead of padding to the class
@media (max-width: 600px){ .blox_hero-phone-tablet .blox_cell-wrapper { display: flex; flex-direction: column; justify-content: center; }
}
regards,
Anton
![]() | Did my post help answer your query? Help the Community by marking it as a solution |
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report Inappropriate Content
Jan 24, 2020 3:18 PM
Hi @jerickson
try to add
position:relative; top:25%;
to the logo class. You can manipulate the 25% to your needs
best
Anton
![]() | Did my post help answer your query? Help the Community by marking it as a solution |
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report Inappropriate Content