mobile question

Discussion in 'Woodpecker WordPress Business Theme' started by sangermike, Nov 18, 2014.

Thread Status:
Not open for further replies.
  1. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    I saw a thread where the call button can be disabled on desktop only but still appears on mobile. Will it be possible to disable a top header image in mobile only but still appear on desktop view. I removed the top header image right now but i used the codes I saw in this forums too but would like to put it back if the previous question is possible.
    Code:
    .top-wrapper {
    background: url(http://www.yubacitytowing.com/wp-content/uploads/2014/11/top-header.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    }
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section it will show you the best result, it will disable that image in that view where that image get cut.
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 992px){
    .top-wrapper {
    background: none;
    }
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  3. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    Hi Yogesh. I tried the codes and it worked only for a certain point when minimizing my deskptop browser. While dragging it down to that size then pops back again while continuing dragging the browser smaller. On the tablet and smartphone the top-wrapper is still there. I tried adding codes with different resolutions or even the min-width but didn't get rid of the background.
     
  4. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    I also cleared cache and cookies off the other devices.
     
  5. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px){
    .top-wrapper {
    background: none !important;
    }
    }
    @media only screen and (max-width: 480px){
    .top-wrapper {
    background: none !important;
    }
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  6. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    Hi Yogesh. I tried but it didn't work. :( Any suggestion? Thanks
     
  7. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    Yogesh, i got so frustrated I thought I'd start over and deleted both the logo and the top-header from the >Appearance>General Settings panel. After I did, there was another background image left. What should I do now :(
    left over.jpg
     
  8. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
  9. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    email sent. Please disregard last comment on the left over image. I hope you can figure out the mobile issue. Thanks!
     
  10. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Your given details are wrong. Please provide us right username and password of your dashboard via email.

    Thanks & Regards
    Yogesh Bhade
     
  11. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    email sent
     
  12. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    We have fixed your issue. Please visit your site.

    Thanks & Regards
    Yogesh Bhade
     
  13. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    Yogesh, Thank you so much to your support team. I wish you'd share how you were able to fix it as it may be very useful for future use. You guys are very impressive.
     
  14. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Actually you haven't put the CSS code correctly in Custom CSS section, so that problem was occurring.
    You just forget a close bracket ( } ) so other CSS was not applying.

    Thanks & Regards
    Yogesh Bhade
     
  15. sangermike

    sangermike Member

    Joined:
    Mar 9, 2014
    Messages:
    311
    Likes Received:
    5
    really? my bad. again, Thanks a lot!
     
Thread Status:
Not open for further replies.

Share This Page