Befit Pro Header / Slider images

[Allan Roy]

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.

[Sonl Sinha]

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

[Allan Roy]

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.

[Allan Roy]

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.

[Sonl Sinha]

Hi Allan,

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

Regards,
Brad

[Allan Roy]

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

[Sonl Sinha]

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

[Allan Roy]

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.

[Sonl Sinha]

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

[Allan Roy]

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

[Allan Roy]

sorry the address is www.synergymartialartsnfitness.com

[Allan Roy]

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

[Sonl Sinha]

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

[Allan Roy]

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.

[Sonl Sinha]

Hi Allan,

Kindly add this code in custom css box:

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

Regards,
Dave

[Author]

Posts