Remove header and metadata, customize slider, (Mobile)

[tarekkaram0]

THEME: SKT Construction Pro/Build Forum
Website: SamirSigns.comSamirSigns.com
———————————–

Hi, I am having couple of issued and need help:

I need custom CSS for:

1) Your header is very nice and I love it, but I would like to remove the entire header when website is under 980px (e.i. tablets and mobile). I installed a plug in for a hover mobile menu so I do not need the additional header.

2) I like the front slider very much, but on mobile it makes the my picture small. I would like the slider to be longer in length (2x current height). If the images are centered and cropped then that is ok.

3) I disabled comments on everything, so I want to remove the meta data for data and “No Comments”

General Questions:

1) The “sections” tab is not working with the theme. I tried using the short codes for gallery, and it does not show up. I tried setting it as 1 section, 2, 4, 7, and no matter what I input (title, body) nothing more shows up on the front page.

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

1. Answer

@media screen and (max-width:999px) {
.header { display:none;}
}

2. Answer

@media screen and (max-width:479px) {
.nivoSlider img { width:220% !important; max-width:220% !important;}
}

3. Answer

.blog-post-repeat .postmeta { display:none;}

Regards,
Chris

[tarekkaram0]

1 & 3) Solved! ~Thank you !!

2. Size looks great! Is there anyway to have the images center aligned. Right now it is defaulting to left-shift so the right half of photo cant be seen. It would be best that the center is most visible.

Also I still don’t understand why settings located Appearance>>Theme Options>>Sections>>Number of Sections are not doing anything. I tried using them to display a photo gallery, or testimonies, or even just a title and texts, and nothing shows up on front page. This is not very important right now because I don’t think I will use.

Thanks.

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

Remove old code:

@media screen and (max-width:479px) {
.nivoSlider img { width:220% !important; max-width:220% !important;}
}

Add this new code:

@media screen and (max-width:479px) {
.nivoSlider img { width:270% !important; max-width:270% !important;}
.nivoSlider { height:400px !important;}
}

Regards,
Chris

[Author]

Posts