Adventure Theme mobile footer

[rachciullo]

Hello

We are looking for some guidance on a couple issues with the SKT Theme Adventure.

First, we have almost completed the website using the SKT Theme Adventure but can not figure out how to remove the ‘Categories – uncategorized’ from the footer area. We have gone through the options under the footer section but cannot figure it out. We would appreciate if you would please provide any guidance.

Second, the mobile version of our website is a mess. The pictures are distorted, the header covers some of the pictures, some sections are cut off, spacing is different, pictures show up differently on the mobile app etc. We are at a loss how to fix it. When we purchased the theme it was noted that it is a mobile friendly theme so we assumed everything would transfer the same. We definitely want you to please provide us with the detailed steps to rectify this situation.

Our website is www.compositecuttertechnology.com

Thanks so much in advance!

Rachel

[Sonnal S Sinha]

Hi Rachel,

Using widgets in appearance>widgets>footer widget area 1 you can replace categories with something else by dragging and dropping the widget desired.

Regarding 2nd section which is only the section not appearing responsive use 2 column shortcode as given in shortcodes section of the documentation to load that area: http://sktthemesdemo.net/documentation/adventure-documentation/

Once the top documentation link is loaded click here: http://sktthemesdemo.net/documentation/adventure-documentation/#shortcodes

I have mentioned the 2 column shortcode below:

[row] [columns size="1/2"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

[/columns] [columns size="1/2"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

[/columns] [/row]

Regards,
Shri

[rachciullo]

Thank you so much. We will follow your instructions. I have two more questions:

1) the footer picture gets steched and distorted on the mobile view. Can we fix that?
2) the CCT logo we have at the top right of the screen stats large and covers up the top of the pictures on the mobile view. Is there away to adjust it so it looks nice on the computer and the phone?

Thanks!

[Sonnal S Sinha]

Hi Rachel,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#footer { background-size:cover !important;}

@media screen and (max-width:479px) {
.logo img { width:auto !important; height:60px !important; margin-top:20px !important; margin-bottom:20px !important;}
}

Regards,
Chris

[rachciullo]

Thanks! That worked perfectly.

Can you please give me some more detailed guidance on how to fix the section 2? The DOD/Patent area looks good on the computer but not on mobile site. Right now it is one picture that is uploaded but I can switch it to two to utilize the 2 column code. Where do I enter the code that was listed above?

[Sonnal S Sinha]

Hi,

Your website is on under construction mode?

Regards,
Chris

[rachciullo]

Sorry. It is no longer under construction. www.compositecuttertechnology.com

[Sonnal S Sinha]

Hi,

Kindly use 2 column shortcodes:

Two Columns:

[row] [columns size="1/2"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla
[/columns] [columns size="1/2"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla
[/columns] [/row]

Regards,
Chris

[rachciullo]

Where do I enter the code? I tried putting it
1) Appearance –Customize — Front Page –Home Section 2 and nothing changed
2)Apperance — Customize – Basic – Custom Css and nothing changed

Is there something else I need to do?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.home2_section_area_bg { background-size:100% !important;}
.home_section2_content p { display: none;}

Regards,
Chris

[rachciullo]

I just added that and it fixed the issue on the width of the mobile site but now it does not show the entire height of the picture on the computer or mobile site. What do I need to do to see the complete height of the picture? Thanks in advance.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

Remove:

.home2_section_area_bg { background-size:100% !important;}
.home_section2_content p { display: none;}

Add this new code there:

@media screen and (max-width:479px) {
.home2_section_area_bg { background-size:100% !important;}
.home_section2_content p { display: none;}
}

Regards,
Chris

[rachciullo]

Thanks. That fixed it on the computer but we can not see it all on the mobile site. The width is good on the mobile site but the height of the image is cut off. Please advise.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

Remove:

@media screen and (max-width:479px) {
.home2_section_area_bg { background-size:100% !important;}
.home_section2_content p { display: none;}
}

Add this new code there:

@media screen and (max-width:479px) {
.home2_section_area_bg { background-size:100% !important; min-height:275px;}
.home_section2_content p { display: none;}
}

Regards,
Chris

[rachciullo]

I did what you said above and switched it to section 4 on the home page. I still have the same issue. On the Mac at 100% it shows up nicely, on my HP at 100% the bottom of the picture is cut off, on my iphone the bottom of the image is cut off as well. Is there something else I can do?

I now have more questions:
1) follow up on this issue which is now in section 4
2) how do I get the phone number to set a link for someone to call directly from their phone when on the mobile site?
3) section 6 is an image that has 6 logos. How do I set a page where I can have the logos be links to the appropriate websites and appear the way it does now – all in one line?
4) the webpage seems to load slower than others – what can I do to increase the load speed?
Thanks for your help. Detailed explanations will help me greatly.

[Author]

Posts