Adventure Theme mobile footer

Home Forums SKT Full Width Forum Adventure Theme mobile footer

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #92162
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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 http://www.compositecuttertechnology.com

    Thanks so much in advance!

    Rachel

    #92301
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    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

    #92391
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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!

    #92400
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23448
    • Total: 23448
    Member since: August 16, 2013

    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

    #92500
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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?

    #92547
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23448
    • Total: 23448
    Member since: August 16, 2013

    Hi,

    Your website is on under construction mode?

    Regards,
    Chris

    #92639
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    Sorry. It is no longer under construction. http://www.compositecuttertechnology.com

    #92683
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23448
    • Total: 23448
    Member since: August 16, 2013

    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

    #92688
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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?

    #92707
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23448
    • Total: 23448
    Member since: August 16, 2013

    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

    #92713
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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.

    #92716
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23448
    • Total: 23448
    Member since: August 16, 2013

    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

    #92746
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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.

    #92859
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23448
    • Total: 23448
    Member since: August 16, 2013

    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

    #92991
    rachciullo
    Member
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 10, 2017

    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.

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