Frontpage Hero Sections change only on PC

  • Author
    Posts
  • #163543

    drstavrov
    Member
    Original poster

    Hello Taras,
    I’m very happy with the way that my website’s frontpage looks when visited from mobile. However I think I can make some improvements on the frontpage, when visited from PC. I would like to make some changes on the padding and opacity of the Hero section, that only affect when visited from PC.

    I would be very happy if uyou can offer me a Custom CSS,that would do the trick.

    Best regards,
    Stavrov.

    The blog I need help with is: drstavrov.com

    #163544

    drstavrov
    Member
    Original poster

    Edit: I also noticed that we can change the padding of the text of the hero Section. A custom CSS for this will be great as well.

    Thanks!

    #163549

    tarasdashkevych
    Theme Author

    Hi Stavrov,

    Sure. Please add this custom CSS:

    
    @media (min-width: 500px) {
      #hero {
        padding-top: 80px;
        padding-bottom: 80px;
      }
      
      #hero.has-featured-image .overlay {
        opacity: 0.5;
      }
    }
    

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #163551

    drstavrov
    Member
    Original poster

    Hello Taras,
    this works fine. And is there a way to play with the position of the text in the hero section – the vertical align of it. I would like to try to put in the bottom of the section so the face of the doctor to be visible.

    Thanks!

    #163555

    tarasdashkevych
    Theme Author

    You can play with the top and bottom paddings to change a position of the text in the section. Here is an example:

    
    @media (min-width: 500px) {
      #hero {
        padding-top: 200px;
        padding-bottom: 80px;
      }
    }
    

    Please let me know if you have any additional questions about this section.

    Kind regards,
    Taras

    #163559

    drstavrov
    Member
    Original poster

    Hello Taras,

    Thank you once again, that did the trick!

    Have a nice day!

    Best regards,
    Stavrov.

    #163562

    tarasdashkevych
    Theme Author

    Hi Stavrov,

    You are always welcome!

    Nice work with customizing the Hero section. It looks great.

    Kind regards,
    Taras

The topic ‘Frontpage Hero Sections change only on PC’ is closed to new replies.