Premium block responsive

Resolved valker95
(@valker95)

3 years, 11 months ago
Hello,
I’m using the premium blog with on side skin. How do I control the responsive on this addon? I want the same layout on mobile and desktop, image on the side and content on the right instead off the image on top and content below. On mobile I just only want the side image on left and the content on right without excerpt, just the title. I tried some CSS but no luck.
- This topic was modified 3 years, 10 months ago by Jan Dembowski.
The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

leap13support
(@leap13support)

3 years, 11 months ago

Hi @valker95,

Thanks for contacting Leap13 support!

Well, I would be so glad to check things further from your end, so could you please share a link where I can see what is actually going there?

Regards
Thread Starter valker95
(@valker95)

3 years, 11 months ago
Here is my site : [ redundant link removed ], i’m using the blog on my homepage so if you switched to mobile you should see the difference. The only thing I did was to hide the button and excerpt on mobile for now.
Also I have a very frustrating problem with image allign on desktop, I couldn’t find a way to position the image in the middle, it stays on top when scalling.
- This reply was modified 3 years, 11 months ago by valker95.
- This reply was modified 3 years, 10 months ago by Jan Dembowski.
leap13support
(@leap13support)

3 years, 11 months ago
Hi @valker95,

Hope you’re having a great day 🙂

Could you please copy/paste below custom CSS to your page and let me know if it si what are you looking for?
```
@media (max-width: 768px){
   .premium-blog-skin-side {
      flex-direction: row !important;
   }
   .premium-blog-entry-meta{
      display: none;
   }
  .premium-blog-post-content{
      display: none;
   }
  .premium-blog-cats-container{
      display: none;
   }
}
```
Regards
Thread Starter valker95
(@valker95)

3 years, 11 months ago

Thanks for your quick reply! Yes it works now! Thank You, one more thing, how do I allign the text content on the right to be on the same height as the image?
leap13support
(@leap13support)

3 years, 11 months ago
Hi @valker95,

Please replace past custom CSS with the below CSS and let me know if it did the trick?
```
@media (max-width: 768px){
.premium-blog-skin-side {
    flex-direction: row !important;
}
.premium-blog-entry-meta{
    display: none;
}
.premium-blog-post-content{
    display: none;
}
.premium-blog-cats-container{
    display: none;
}
.premium-blog-content-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

}
```
Regards
Thread Starter valker95
(@valker95)

3 years, 11 months ago
Thank you very much,this is what I needed! this works like a charm! One more thing, on different screens there is a white gap between the thumbnail and the content, I tried some padding and margin but didn’t remove it completely..I think that has something to do with the zoom-in animation. also I updated the site so you can check it.
- This reply was modified 3 years, 11 months ago by valker95.
- This reply was modified 3 years, 11 months ago by valker95.
- This reply was modified 3 years, 11 months ago by valker95.
- This reply was modified 3 years, 11 months ago by valker95.
leap13support
(@leap13support)

3 years, 11 months ago

Hi @valker95,

Hope you’re having a great day 🙂

Could you please navigate to widget settings > Featured Image > Thumbnail Fit and set it to Cover and let me know if it did the trick?

Here’s a screenshot for more clarification.

Regards

Thread Starter valker95
(@valker95)

3 years, 11 months ago

Thanks again for your support, Yes That was the settings, I just changed it to cover only for tablet, I’m definitely giving you 5 stars!

leap13support
(@leap13support)

3 years, 11 months ago

Hi @valker95,

Great, I’m so glad that everything is working just fine with you now 😄

If you still need any further assistance, please let me know.

We would be grateful It would be great if you could please do us a BIG favor by rating Premium Addons for Elementor on our WordPress page.

Have a great day!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Premium block responsive’ is closed to new replies.