Befit Pro Header / Slider images

Home Forums All Other Themes Befit Pro Header / Slider images

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #28843
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    What are the desired dimensions for the header/slider images. When viewing on a laptop the layout is fine. However when viewed on a mobile device the menu bar is running through the top of the image.

    #28845
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Allan,

    Kindly use slider image 1400px wide and 300/400px in height.

    Show us your website URL so that we can check the issue.

    Regards,
    Brad

    #29019
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    My site is closed at the moment as I am still on the construction of it. Is there anyway I can upload or send you a screen shot.
    I made the dimensional changes but that is just squeezing the photo further in to the menu header. Is there a margin that can stop the photo from going in to the the menu header bar.

    #29203
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    Still needing help with this issue. I am needing to launch my site by the end of the week and need a fix for this issue. Please can you provide some where for me to send or attach images of the issue.

    #29267
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Allan,

    Kindly add the screenshot here: imgur.com and paste the share URL here.

    Regards,
    Brad

    #29375
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    Brad, Please see screenshots here http://imgur.com/a/xlsBd. I am wanting the opacity of the header solid so it is set to 1. Also how do I change the image so that when you read each blog post it is not the image of the barbell. Can you explain why my section 4 boxes are not saying in alignment. thanks

    #29472
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    Hi,

    Kindly update your theme.

    Procedure for update: Kindly re-download the theme via same email you got or else by login here: sktthemes.net/my-account, activate some other theme, and delete the old theme and upload and activate the new theme.

    Then go to appearance>customize>header to upload and set up a header image to change the image for the blog posts area.

    And the section 4 boxes should also be solved in the updated theme.

    Regards,
    Shri

    #29543
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    I followed what you said but if anything it made it worse. The Background settings and fonts were still as they should have been. None of the sliders were visible and now I can’t download another copy of my theme as I have reached my download limit. I removed the theme using FileZilla.

    #29617
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Allan,

    Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

    Please mention this forum URL while replying so that we understand what needs to be done.

    Regards,
    Brad

    #29818
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    Hi there. I managed to find a CSS code to sort out my header issue on PC/Laptop. However if you could take look at the mobile version on a mobile device tablet/phone. There is still this issue of the slider overlapping with the menu header. If you can offer a solution to this issue I would be most grateful as most traffic comes from mobile devices nowadays. Can you not provide me with a CSS code that stops the slider image before the footer of the menu header. I want a clear boundary or padding between both as I would like to have the menu header opacity set to 1. Kind Regards Allan

    #29819
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    sorry the address is www.synergymartialartsnfitness.com

    #30015
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    Hi I really need a fix for this issue. My site is live and it will turn people away because it doesn’t have that professional look, especially on mobile devices. The solution I need is a CSS code that will stop the slider image from crossing into the header menu. I either need a padding code or margins. Please help.. Quickly

    #30024
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Allan,

    Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom Css Box

    Add this code:

    @media screen and ( max-width:768px) {
    .slider-main{margin-top:20px;}
    }

    Regards,
    Dave

    #30146
    Allan RoyAllan Roy
    Member
    • Topics: 1
    • Replies: 9
    • Total: 10
    Member since: February 14, 2016

    Dave that worked brilliantly. Now What code do I need to have the same layout on laptop and pcs. This is what I have been asking for since my original post. I was wanting this layout over the full website on all devices not just on mobile devices. Can I have that same definition between the sliders and the menu header on the full website.

    #30167
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Allan,

    Kindly add this code in custom css box:

    #slider{margin:0 !important; top:0 !important;}

    Regards,
    Dave

Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.