Youtube Video in Responsive Format and How to Update Theme?

Home › Forums › Gillion Theme › Youtube Video in Responsive Format and How to Update Theme?

Home › Forums › Gillion Theme › Youtube Video in Responsive Format and How to Update Theme?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • abhaytrivedi
    Participant

    http://blogbyabhay.com/2017/12/05/playlist1/

     

    This is the particular post in which i am trying to add youtube videos but they come in a small frame and if i change the size with an embed code then they do change but don’t change according to device’s size.

    I wanted to make the youtube videos responsive to the size of the screen.

     

    also please help regarding how do i update the theme safely?

     

    Shufflehound Support
    Moderator

    Hi @abhaytrivedi,

     

    I hope you are well today and thank you for your questions.

     

    http://blogbyabhay.com/2017/12/05/playlist1/

     

    This is the particular post in which i am trying to add youtube videos but they come in a small frame and if i change the size with an embed code then they do change but don’t change according to device’s size.

    I wanted to make the youtube videos responsive to the size of the screen.

     

    Could you please change its size in the embed code to the larger size so that i can help you to make it responsive?

     

    also please help regarding how do i update the theme safely?

    You can download latest version of theme by clicking on the below button.

     


    Please login to access this file

     

    You can update it by either deleting existing theme and then install latest theme version of it or use the following plugin to update the theme.

     

    https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/

     

    After activating the above plugin just install the downloaded theme on your site.

     

    You won’t lose your site content after updating the theme but for safer side you can take backup of your site before updating the theme.

     

    Best regards,
    Shufflehound team

    abhaytrivedi
    Participant

    http://blogbyabhay.com/2017/12/10/test/

     

    i made a test post with the larger size. Please help me with this.

     

    Also when i change the size of the window, all the icons for menu get replace with a square. pfa image for the same. How do i fix this?

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    i made a test post with the larger size. Please help me with this.

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 700px){
#content iframe {
    max-height: 270px;
}
}

     

    Also when i change the size of the window, all the icons for menu get replace with a square. pfa image for the same. How do i fix this?

    You can use below custom CSS code to resolve it.

     

    .sh-nav-mobile li.menu-item > a.fa:before {
    font-family: 'FontAwesome';
    padding-right: 8px;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)